Generated by SassMeister.com.

SassMeister-input-HTML.html

<button>Foo</button>

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

$colors: #C3E279, #F7FEC8, #FFD069, #F27669, #DC9CBE, #C59AE0, #969DCC;

@function hard-stops($colors...) {
	@if length($colors) == 1 {
		$colors: nth($colors, 1);
	}
	$position: 0;
	$stops: ();
	@each $c in $colors {
		$stops: append($stops, $c $position, comma);
		$position: $position + (100% / length($colors));
		$stops: append($stops, $c $position);
	}
	@return $stops;
}

body:before {
  content: '';
  height: 5px;
  display: block;
  background: linear-gradient(to right, hard-stops($colors));
}

SassMeister-output.css

body:before {
  content: '';
  height: 5px;
  display: block;
  background: linear-gradient(to right, #C3E279 0, #C3E279 14.28571%, #F7FEC8 14.28571%, #F7FEC8 28.57143%, #FFD069 28.57143%, #FFD069 42.85714%, #F27669 42.85714%, #F27669 57.14286%, #DC9CBE 57.14286%, #DC9CBE 71.42857%, #C59AE0 71.42857%, #C59AE0 85.71429%, #969DCC 85.71429%, #969DCC 100.0%);
}

SassMeister-rendered.html

<button>Foo</button>