2 Color Mixer

Mix and blend two colors with custom percentage ratios, Oklab/RGB/HSL modes, and step-by-step gradient palettes. Free online 2 Color Mixer.

About this tool

2 Color Mixer blends two HEX, RGB, or HSL colors using custom percentage ratios and color spaces (Oklab, RGB, HSL). Generate smooth multi-step gradient palettes with one-click color copying.

How to use

  1. Pick or type HEX values for Color 1 and Color 2.
  2. Adjust the blend ratio slider (0% to 100%).
  3. Select a color blending mode: Oklab for natural mixing, RGB for linear, or HSL for hue circle blending.
  4. Copy the resulting blended HEX or choose any color from the gradient step palette.

FAQ

Why use Oklab color space for mixing?

Oklab is designed to match human visual perception, preventing dull or muddy grayish midpoints when blending contrasting colors.

Can I copy individual palette steps?

Yes! Click any color swatch in the generated gradient palette to copy its HEX code directly to your clipboard.

Is the color mixer free and private?

Yes, everything runs locally inside your browser with no tracking or server requests.

What does 2 Color Mixer do?

2 Color Mixer blends two HEX, RGB, or HSL colors using custom percentage ratios and color spaces (Oklab, RGB, HSL).

How do I use 2 Color Mixer?

Open the 2 Color Mixer tool, then pick or type HEX values for Color 1 and Color 2.

Related tools