Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$color: tomato;

@for $i from 1 through 10 {
  .first-color#{$i} {
    color: scale-lightness($color, #{$i}0%);
  }
}


// lighten($color, $amount)

SassMeister-output.css

.first-color1 {
  color: scale-lightness(tomato, 10%);
}

.first-color2 {
  color: scale-lightness(tomato, 20%);
}

.first-color3 {
  color: scale-lightness(tomato, 30%);
}

.first-color4 {
  color: scale-lightness(tomato, 40%);
}

.first-color5 {
  color: scale-lightness(tomato, 50%);
}

.first-color6 {
  color: scale-lightness(tomato, 60%);
}

.first-color7 {
  color: scale-lightness(tomato, 70%);
}

.first-color8 {
  color: scale-lightness(tomato, 80%);
}

.first-color9 {
  color: scale-lightness(tomato, 90%);
}

.first-color10 {
  color: scale-lightness(tomato, 100%);
}