Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="red"></div>
<div class="orange"></div>
<div class="yellow"></div>
<div class="lime"></div>
<div class="green"></div>
<div class="turq"></div>
<div class="cyan"></div>
<div class="blue"></div>
<div class="indigo"></div>
<div class="violet"></div>

SassMeister-input.scss

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

$colorStart: #ff0000;
$lighten: 10%;
$darken: 0%;
$desaturate: 35%;

$red: desaturate(mix(white,mix(black,adjust_hue($colorStart, 0deg), $darken), $lighten), $desaturate);
$orange: desaturate(mix(white,mix(black,adjust_hue($colorStart, 25deg), $darken), $lighten), $desaturate);
$yellow: desaturate(mix(white,mix(black,adjust_hue($colorStart, 50deg), $darken), $lighten), $desaturate);
$lime: desaturate(mix(white,mix(black,adjust_hue($colorStart, 75deg), $darken), $lighten), $desaturate);
$green: desaturate(mix(white,mix(black,adjust_hue($colorStart, 100deg), $darken), $lighten), $desaturate);
$turq: desaturate(mix(white,mix(black,adjust_hue($colorStart, 125deg), $darken), $lighten), $desaturate);
$cyan: desaturate(mix(white,mix(black,adjust_hue($colorStart, 150deg), $darken), $lighten), $desaturate);
$blue: desaturate(mix(white,mix(black,adjust_hue($colorStart, 200deg), $darken), $lighten), $desaturate);
$indigo: desaturate(mix(white,mix(black,adjust_hue($colorStart, 225deg), $darken), $lighten), $desaturate);
$violet: desaturate(mix(white,mix(black,adjust_hue($colorStart, 250deg), $darken), $lighten), $desaturate);

.red { background: $red; }
.orange { background: $orange; }
.yellow { background: $yellow; }
.lime { background: $lime; }
.green { background: $green; }
.blue { background: $blue; }
.turq { background: $turq; }
.cyan { background: $cyan; }
.indigo { background: $indigo; }
.violet { background: $violet; }

body {
  box-sizing: border-box;
}
div {
 height: 125px;
 width: 9.5%;
 margin: 0.25%;
 float: left;
 box-sizing: border-box;
}

SassMeister-output.css

.red {
  background: #d74141;
}

.orange {
  background: #d77f41;
}

.yellow {
  background: #d7be41;
}

.lime {
  background: #b1d741;
}

.green {
  background: #73d741;
}

.blue {
  background: #41a5d7;
}

.turq {
  background: #41d74e;
}

.cyan {
  background: #41d78c;
}

.indigo {
  background: #4167d7;
}

.violet {
  background: #5a41d7;
}

body {
  box-sizing: border-box;
}

div {
  height: 125px;
  width: 9.5%;
  margin: 0.25%;
  float: left;
  box-sizing: border-box;
}

SassMeister-rendered.html

<div class="red"></div>
<div class="orange"></div>
<div class="yellow"></div>
<div class="lime"></div>
<div class="green"></div>
<div class="turq"></div>
<div class="cyan"></div>
<div class="blue"></div>
<div class="indigo"></div>
<div class="violet"></div>