Color Tint (lighten)

About

A tint is a mixture of a color with white, which increases lightness.

When a color is tinted, the color is no more pure and is in-between on:

The inverse function is called shade that decrease lightness (increase darkness) by adding black

Tint is a mixture term such as tone, shade and pure hue

	¹⁾

With the mix function, you can create a tint function.

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

¹⁾