Lighter Color

This demo uses color-mix(), part of the level 5 CSS color specification to lighten a black-like colors in increments of 10%.

charcoal
lab(12.57% 2.27 312.31)
charcoal
10% lighter
charcoal
20% lighter
charcoal
30% lighter
charcoal
40% lighter
charcoal
50% lighter
charcoal
60% lighter
charcoal
70% lighter
charcoal
80% lighter
charcoal
90% lighter