Color Mixer

Blend two colors together to create new colors

Color A
RGB(99, 102, 241) HSL(239, 84%, 67%)
MIX
Color B
RGB(245, 158, 11) HSL(37, 91%, 50%)

Mixing Ratio

A B
50% 50%

Mixed Result

HEX #A67C52
RGB rgb(166, 124, 82)
HSL hsl(30, 34%, 49%)

How to Mix Colors

Select Colors

Choose two colors using the color picker or enter HEX codes manually.

Adjust Ratio

Use the slider to control the mixing ratio between the two colors.

Copy Result

Copy the mixed color in your preferred format (HEX, RGB, or HSL).

Blend Modes

Average

Simple average of RGB values. Most common blending method.

Multiply

Multiplies color values. Creates darker results.

Screen

Inverts and multiplies. Creates lighter results.

Overlay

Combines multiply and screen. Preserves highlights and shadows.