Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="button">Apples</div>
<div class="button-green">Bananas</div>

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$sadness: 10;

@while ($sadness > 0) {
  .saddness-#{$sadness} {
    color: darken(blue, ($sadness - 1));
  }
  $sadness: $sadness - 1;
}

// Note: This is not a good usecase.

SassMeister-output.css

.saddness-10 {
  color: #0000d1;
}

.saddness-9 {
  color: #0000d6;
}

.saddness-8 {
  color: #0000db;
}

.saddness-7 {
  color: #0000e0;
}

.saddness-6 {
  color: #0000e6;
}

.saddness-5 {
  color: #0000eb;
}

.saddness-4 {
  color: #0000f0;
}

.saddness-3 {
  color: #0000f5;
}

.saddness-2 {
  color: #0000fa;
}

.saddness-1 {
  color: blue;
}

SassMeister-rendered.html

<div class="button">Apples</div>
<div class="button-green">Bananas</div>