Creating color palettes with the CSS color-mix() function | MDN Blog
Briefly

We can control the amount of each color in the mix, as well as the color interpolation space, which determines how the colors blend together.
If the sum of the percentages for the two colors is less than 100%, the color-mix() behavior is slightly different: the sum is saved as an alpha multiplier.
Read at MDN Web Docs
[
add
]
[
|
|
]