Generated by SassMeister.com.

SassMeister-input.scss

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

$pb-blue:        rgb(62,83,164);

$blue1: $pb-blue;
$blue2: scale-color($pb-blue, $lightness: 20%, $saturation: -5%);
$blue3: scale-color($pb-blue, $lightness: 40%, $saturation: 0%);
$blue4: scale-color($pb-blue, $lightness: 50%, $saturation: -5%);
$blue5: scale-color($pb-blue, $lightness: 60%, $saturation: -10%);
$blue6: scale-color($pb-blue, $lightness: 70%, $saturation: -20%);


.blue1 {
  color: $blue1;
}

.blue2 {
  color: $blue2;
}
.blue3 {
  color: $blue3;
}
.blue4 {
  color: $blue4;
}
.blue5 {
  color: $blue5;
}
.blue6 {
  color: $blue6;
}

SassMeister-output.css

.blue1 {
  color: #3e53a4;
}

.blue2 {
  color: #5d71be;
}

.blue3 {
  color: #8393d0;
}

.blue4 {
  color: #9aa6d6;
}

.blue5 {
  color: #afb9dd;
}

.blue6 {
  color: #c5cbe4;
}