What is the difference between the two blends?

The gamma-correct blend converts both colours to linear light before mixing and back to sRGB afterwards, which avoids the muddy mid-tones a naïve sRGB average produces. The sRGB average mixes the raw channel values directly.

Which blend should I use?

For accurate colour blending — especially gradients and lighting — use the gamma-correct (linear-light) result. The simple sRGB average is shown for comparison and matches older tools.

What does the ratio slider do?

It sets how much of each colour goes into the mix. At 50% you get an even blend; slide toward one end and the result leans toward that colour. Both the gamma-correct and sRGB outputs respect the ratio.

Why does a naive average look muddy?

sRGB values are gamma-encoded, not linear light. Averaging them directly darkens and dulls mid-tones. Converting to linear light first, mixing, then converting back gives brighter, more accurate blends — which is what the gamma-correct output does.

Is anything uploaded?

No — all mixing happens in your browser and nothing is sent anywhere.

Color Mixer (Blend Two Colors)

This tool blends two hex colours at any ratio and shows the result two ways: a gamma-correct blend that mixes in linear light for clean, accurate mid-tones, and a simple sRGB average for comparison with older tools. It is handy for finding a midpoint colour, building gradients, or tinting a brand colour.

How it works

The tool parses each hex colour into RGB channels, then produces two mixes at your chosen ratio t (0-100%):

sRGB average mixes the raw channel values directly: channel = a × (1 − t) + b × t. Fast, but mid-tones can look muddy because sRGB is gamma-encoded.
Gamma-correct first converts each channel to linear light (reversing the sRGB gamma curve), mixes in that space, then converts back to sRGB. This matches how light actually blends and keeps mid-tones bright.

Both results are shown as hex swatches you can click to copy.

Example

Mixing #ff0000 (red) and #0000ff (blue) at 50%:

sRGB average → about #800080, a dark muddy purple.
Gamma-correct → a noticeably brighter, cleaner purple, because the linear-light mix preserves luminance.

The difference is most visible exactly at the 50% midpoint of two saturated colours. Pick two colours, drag the ratio slider, and click a swatch to copy its hex.

Everything runs in your browser — nothing is uploaded.