CSS

sass darken

darken($color, $amount)

//darken(#FFF, 30%)

darken scss

$btn-bkg: purple;
.btn {
  display: inline-block;
  padding: 18px;
  background: $btn-bkg;
  color: white;
  &:hover {
    background: darken($btn-bkg, 10%)
  }
}

scss darken

darken($color, $amount)

scss darken color

darken($color, 5%);

how to darken a color with sass function

darken($color, $amount)

scss darked color

$linkcolour: #0000FF;

a {
  color: $linkcolour;
}

a.lighter {
  color: lighten($linkcolour, 50%);
}