Generated by SassMeister.com.

input.scss

@function tint-color($color, $weight) {
    @return mix(white, $color, $weight);
}


@function shade-color($color, $weight) {
    @return mix(black, $color, $weight);
}

@function shift-color($color, $weight) {
    @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
}

$link-color: #639;
$link-shade-percentage: -20%;
$link-hover-color: shift-color($link-color, $link-shade-percentage);

a {
    color: $link-color;
    
    &:hover {
        color: $link-hover-color;
    }
}

output.css

a {
  color: #639;
}
a:hover {
  color: #855cad;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}