Generated by SassMeister.com.

SassMeister-input.scss

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

$theColor : gray; 

$theFadedColor :  lighten($theColor, 5%);
$theTintedColor: tint($theColor, 5%);


.div {
  --color: $theColor;
  --fadedColor: $theFadedColor;
  --theTintedColor: $theTintedColor;
}

SassMeister-output.css

.div {
  --color: gray;
  --fadedColor: #8d8d8d;
  --theTintedColor: #868686;
}