Color Mixer
Mix two colors and get the resulting color. Control the percentage weight of each color. Result in HEX, RGB and HSL.
Result
Gradient between colors
How to use?
Take two colors and use the slider to set how much each one weighs. When both sit at 50%, the mix lands right in the middle. The gradient shows the intermediate steps, and clicking the swatch copies the HEX.
Mix two colours
What does blue with yellow give you? And what if the split is 70% of one colour and 30% of another? The tool mixes two colours and shows the resulting colour, simulating the combination precisely instead of guessing by eye.
You choose the two colours and set each one's percentage weight, adjusting the proportion until you reach the tone you wanted. The result already carries the code to copy, which helps you create intermediate colours in a palette, generate gradients or simulate paint mixing.
The calculation happens in the browser itself. A practical tool for designers and for anyone curious about what comes out of combining two colours.
Related Tools
Image Color Picker
Load an image and discover the color of any pixel in real time. Hover to see HEX, RGB and HSL with a magnifier. Automatically extracts the dominant color palette.
Color Shades Generator
Generate shades and tints of any color. Click to copy the HEX, RGB or HSL code. Perfect for design systems and UI development.
Color Palette Generator
Generate harmonious color palettes from a base color. Schemes: monochromatic, analogous, complementary, triadic, tetradic and split-complementary.