Blend any two colours together and see the mixed result in HEX, RGB, HSL and CMYK — with a fully adjustable mix ratio slider.
Use the colour pickers or type HEX codes directly. Use the emoji sample buttons for quick preset colours.
Drag the slider between the two colours to control the blend. 50% gives equal parts. Use the preset buttons for quick 25/50/75 ratios.
Copy the mixed colour in HEX, RGB, HSL or CMYK format. The spectrum strip below shows the full range of mixes between your two colours.
The tool mixes two colours in the RGB colour space by interpolating each channel (Red, Green, Blue) separately. The mix ratio slider controls how much of each colour contributes to the result — 50% gives equal parts of both.
The tool currently mixes exactly two colours. For multi-colour mixing, try chaining — mix colour A and B to get C, then mix C with colour D.
No. Physical paint mixing uses the subtractive CMY colour model, while this tool uses the additive RGB model used by screens. Results will differ from actual paint mixing.
The mixed colour is shown in HEX, RGB, HSL and CMYK formats. Click Copy next to any format to copy it to your clipboard instantly.
At 50%, each output channel is (channel_A + channel_B) / 2. For example, mixing pure red (#ff0000) and pure blue (#0000ff) at 50% gives #800080 — which is purple.
Yes. All colour mixing calculations happen entirely in your browser using JavaScript. No data is sent to any server.
