Loading…

How to use Color Mixer

Choose two colors, drag the ratio slider to control how much of each is used, and copy the blended color in HEX, RGB or HSL.

Frequently asked questions

How are the two colors mixed?

Each RGB channel is interpolated between the two colors by the ratio you set, so 50% gives the exact midpoint color.

Can I get an uneven blend?

Yes — move the slider toward one color to weight the mix, for example 70% of color A and 30% of color B.

What color space is used for mixing?

Mixing is done in sRGB by linearly interpolating the red, green and blue channels of both colors.

More Color Tools

Tints & Shades Generator
Generate a complete range of tints and shades from any color
Gradient Color Steps
Generate N evenly-spaced colors between two endpoints
Color Harmonies
Generate complementary, triadic and analogous palettes
Random Palette Generator
Generate beautiful random color palettes with one click
Color Opacity / RGBA
Add alpha transparency to any color and get rgba() values
Image Color Extractor
Upload an image to extract its dominant color palette
Color Blindness Simulator
Simulate how your palette looks with different color blindness
Color Name Finder
Find the nearest CSS named color for any hex value
CSS Color Names Reference
Complete table of all 148 CSS named colors with hex values
Tailwind Color Finder
Browse and copy the complete Tailwind CSS color palette
Color Distance Calculator
Measure perceptual color difference using the ΔECIEDE2000 metric
Color Temperature Tool
Visualize warm/cool color temperature and generate palettes

← View all Color ToolsBrowse all 1,100+ tools →