CSS color-mix() Builder
Build a CSS color-mix() expression.
color-mix(in srgb, #3b82f6 50%, #ef4444)About this tool
Mix two colors in any color space — sRGB, OKLCH, LAB, HSL — at a chosen ratio. The tool produces a color-mix() string you can drop in CSS.