Color Mixer Tool
Pick two hex colors and blend them at any ratio to find the color in between. Slide from one color to the other and copy the result. Everything runs in your browser.
How to mix two colors
- Pick your first and second colors with the swatches or type hex codes.
- Drag the ratio slider to weight the blend toward either color.
- Copy the mixed hex value into your CSS or design tool.
Examples
Black and white, 50/50
#000000 + #ffffff at 0.5
#808080
Red and blue, 50/50
#ff0000 + #0000ff at 0.5
#800080
Frequently asked questions
How does the color mixer blend colors?
It interpolates the red, green and blue channels separately. At a ratio of 0.5 each channel is the average of the two colors, which gives an even blend.
Why is a 50/50 mix of black and white #808080 and not #7f7f7f?
Each channel lands on 127.5, which is exactly halfway. The result is rounded to the nearest whole number, and 127.5 rounds up to 128, which is hex 80.
What does the ratio mean?
The ratio is the weight of the second color. A ratio of 0 returns the first color, 1 returns the second color, and values in between blend them.
Can I use shorthand hex codes?
Yes. Three-digit hex like #f00 is expanded automatically, and a leading hash is optional.
Is my color sent to a server?
No. The blend is calculated in your browser, so your color values never leave your device.
Related tools
Color Shades Generator
Generate tints and shades from one hex color online. Pick a base color and get lighter and darker steps toward white and black, ready to copy.
Gradient Generator
Generate CSS gradient code from color stops online. Pick colors, set the angle, switch between linear and radial, then copy the gradient.
Binary to Decimal
Convert binary to decimal online. Paste any binary number, with or without spaces, and get the exact base-10 value instantly. Runs in your browser.
Binary to Hex
Convert binary to hexadecimal online. Paste a binary number and get exact hex, with optional uppercase. Handles huge values. Runs in your browser.
Binary Translator
Translate text to binary and binary back to text online. UTF-8 accurate, handles emoji and accents, with a copy button. Runs in your browser, nothing uploaded.
Celsius to Fahrenheit
Convert Celsius to Fahrenheit instantly. Type a temperature in C and get F, with the formula and a quick reference table. Runs in your browser.