Colour Mixing Calculator

Work out colour mixing instantly with clear inputs, formula shown and shareable results.

About Colour Mixing Calculator

Each colour is taken as an RGB triple and the mix is the parts-weighted average of the two triples, channel by channel. A weighted average makes the effect of ratio concrete: two parts red to one part yellow lands clearly nearer red than an even split would.

Formulas

Weighted channel mix

channel = (A x partsA + B x partsB) / (partsA + partsB), for each of red, green and blue

share of first colour = partsA / (partsA + partsB) x 100

Worked example

With the default values below, Colour Mixing Calculator returns Mixed colour (hex) of #E3642B. Change any input above and every figure here is recalculated in your browser.

Inputs used

First colourone of Red, Blue, Yellow, White, Black: Red
Second colourone of Red, Blue, Yellow, White, Black: Yellow
Parts of the first colourminimum 1: 2
Parts of the second colourminimum 1: 1

Results

Mixed colour (hex): #E3642B
Mixed colour (RGB): rgb(227, 100, 43)
Mixing ratio: 2 : 1
Share of the first colour: 66.7%

Step by step

1Values used
2Weighted channel mix
3Share
4Mixed colour (hex)= #E3642B
5Mixed colour (RGB)= rgb(227, 100, 43)
6Mixing ratio= 2 : 1
7Share of the first colour= 66.7

Assumptions and limits

The result is derived only from the 4 inputs listed above. Anything not among them is not part of the calculation.
In particular, this calculator does not take inflation, tax, fees or charges or compounding frequency into account.
Figures are rounded for display to 1 decimal place, so totals built from several rounded parts can differ slightly from the unrounded arithmetic.

How these calculators are built and tested is described on the Methodology page. If a figure looks wrong, please report it.

Frequently Asked Questions

How is the Colour Mixing figure worked out?

channel = (A x partsA + B x partsB) / (partsA + partsB), for each of red, green and blue. Each colour is taken as an RGB triple and the mix is the parts-weighted average of the two triples, channel by channel.

Why does this matter?

A weighted average makes the effect of ratio concrete: two parts red to one part yellow lands clearly nearer red than an even split would.

What do I need to enter?

Enter first colour, second colour, parts of the first colour, parts of the second colour. The defaults shown are a realistic worked example — swap in your own figures to get a result you can use.