Mix two colors and generate smooth gradient steps between them — get the intermediate HEX values or copy the full CSS gradient. Great for design systems and palette building.
Mixing two colors in RGB means interpolating each channel independently — the red, green and blue values are averaged at each step. This can produce muddy intermediate colors (a classic example: mixing bright red and bright blue through RGB gives a dull purple). Mixing in HSL or OKLCH tends to produce more vivid, perceptually consistent midpoints. CSS now has a native color-mix() function (supported in all modern browsers since 2023) that accepts any color space: color-mix(in oklch, #7c6dfa 50%, #34d399). The intermediate steps generated here are useful as gradient stops or as intermediate palette values in a design system.