Generated by SassMeister.com.

SassMeister-input.scss

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

// Fifty Shades of Grey in Sass
// For your pleasure boys and girls.

/// Computing 50 shades of Grey
/// @param {Color} $color (grey) - Base color
/// @return {List}
@function fifty-shades-of($color: grey) {
  $shades: ();
  
  @for $i from 1 through 50 {
    $shades: append($shades, lighten($color, $i * .42%));
  }

  @return $shades;
}

// Output
// ---
#{"Fifty Shades of Grey"} {
  @each $shade in fifty-shades-of(grey) {
    shade: #{$shade}
  }
}

SassMeister-output.css

Fifty Shades of Grey {
  shade: #818181;
  shade: #828282;
  shade: #838383;
  shade: #848484;
  shade: #858585;
  shade: #868686;
  shade: #878787;
  shade: #898989;
  shade: #8a8a8a;
  shade: #8b8b8b;
  shade: #8c8c8c;
  shade: #8d8d8d;
  shade: #8e8e8e;
  shade: #8f8f8f;
  shade: #909090;
  shade: #919191;
  shade: #929292;
  shade: #939393;
  shade: #949494;
  shade: #959595;
  shade: #969696;
  shade: #989898;
  shade: #999999;
  shade: #9a9a9a;
  shade: #9b9b9b;
  shade: #9c9c9c;
  shade: #9d9d9d;
  shade: #9e9e9e;
  shade: #9f9f9f;
  shade: #a0a0a0;
  shade: #a1a1a1;
  shade: #a2a2a2;
  shade: #a3a3a3;
  shade: #a4a4a4;
  shade: #a5a5a5;
  shade: #a7a7a7;
  shade: #a8a8a8;
  shade: darkgray;
  shade: #aaaaaa;
  shade: #ababab;
  shade: #acacac;
  shade: #adadad;
  shade: #aeaeae;
  shade: #afafaf;
  shade: #b0b0b0;
  shade: #b1b1b1;
  shade: #b2b2b2;
  shade: #b3b3b3;
  shade: #b4b4b4;
  shade: #b6b6b6;
}