The color-mix() functional notation takes two values and returns the result of mixing them in a given colorspace by a given amount....#f00 50%) /* color-mix(in <custom-color-space>, <color>, <color>)...hsl , hwb , lch , and oklch . custom-color-space: <dashed-ident>...