Color Mixer
Blend two colors at any ratio and see the fused result and gradient.
Screen color picker isn't supported in this browser — use the picker or paste a HEX code.
Color codes
Nearest named color
Royal Blue
#4169e1 · Δ 30.33
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)Palette & harmonies
Shades & tints
Complementary
Analogous
Triadic
Tetradic
Tap any swatch to set it as the base color.
Color mixer
Mix ratio: 50% / 50%
Mixed color
#8d51a5Formula & methodology
Colors are mixed linearly in the sRGB space: each channel is a weighted average of the two inputs based on the blend ratio.
Worked example
- #ff0000 + #0000ff at 50% → #800080 (purple)
Frequently asked questions
How are the colors mixed?
Each red, green and blue channel is averaged using your chosen weight, which matches how most screen-based color blends work.
Privacy
All processing happens locally in your browser. Your data is never uploaded.