CSS Насыщеность цвета HSL
hsl(0, 100%, 50%)
hsl(0, 80%, 50%)
hsl(0, 60%, 50%)
hsl(0, 40%, 50%)
hsl(0, 20%, 50%)
hsl(0, 0%, 50%)
С HSL цветами, меньше насыщенность, тем меньше цвета. 0% - полностью серый.