30

Additive and Subtractive Color Mixing

Mix red and green paint and you get muddy brown. Mix red and green light and you get bright yellow. Same two colors, opposite results - because they are not the same kind of mixing at all. One adds light to darkness; the other subtracts light from white. Understanding these two models (and a sneaky third) is the single biggest "aha" in all of color, and it explains why your screen and your printer disagree.

Foundations · 45 4 Live Demos ~32 min read Color fundamentals
light +
Additive: adds to white
ink −
Subtractive: filters to black
RGB/CMY
Complementary primaries
eye avg
Partitive: spatial averaging
01

Two ways to make a color

Color reaches your eye as light - a spectrum of wavelengths. There are only two fundamental ways to control which wavelengths arrive, and they are mirror images of each other:

Additive mixing starts with no light - black - and adds colored light. Each source you turn on contributes its wavelengths; the more you add, the brighter and ultimately whiter the result. This is how anything that emits light makes color: screens, projectors, stage lighting, the sun through stained glass.

Subtractive mixing starts with full light - white - and removes parts of it with colorants that absorb. Each ink, dye, or pigment subtracts some wavelengths; the more you add, the darker the result, heading toward black. This is how anything that reflects or transmits light makes color: paint, ink, dye, filters, the physical world.

The one-sentence test: if the thing makes its own light, it mixes additively (toward white). If it colors light that already exists by absorbing some of it, it mixes subtractively (toward black). A glowing screen adds; a printed page subtracts.
02

Additive mixing: adding light

The additive primaries are red, green, and blue (RGB). Shine all three at full strength on the same spot and you get white. Overlap them in pairs and you get the bright secondaries: red + green = yellow, green + blue = cyan, red + blue = magenta. Drag the three lights below from off (black) to full (white) and watch them sum.

Interactive 01 · Additive (light)

Three lights on a dark stage

Three colored spotlights - red, green, blue - on a black field, blended additively. Raise each light's intensity and watch overlaps brighten: pairs make yellow, cyan, and magenta; all three together make white. Turn them all down and you are back to black - the absence of light.

mix → rgb(255, 255, 255)
03

Subtractive mixing: filtering light

The subtractive primaries are cyan, magenta, and yellow (CMY). On white paper, each acts as a filter removing one third of the spectrum: cyan absorbs red, magenta absorbs green, yellow absorbs blue. Overlap them in pairs and you get the subtractive secondaries - which are exactly the additive primaries: cyan + magenta = blue, magenta + yellow = red, cyan + yellow = green. Stack all three and you head toward black (in practice a muddy brown, which is why printers add real black ink, K). Raise the inks below.

Interactive 02 · Subtractive (ink)

Three filters on white paper

Three translucent inks - cyan, magenta, yellow - on white paper, blended subtractively (like multiplying filters). Raise each ink and watch the overlaps darken into blue, red, and green; all three together drive toward black. Set them all to zero and the bare white paper shows through.

mix → near black
04

Side by side: white center vs black center

Put the two diagrams next to each other and the symmetry is striking. The additive trio meets at white; the subtractive trio meets at black. And each model's secondary colors are the other model's primaries - the two systems are complements. Slide the single intensity control and watch both respond in opposite directions.

Interactive 03 · Mirror images

One control, opposite outcomes

The same intensity drives both: on the left, three additive lights brighten toward white; on the right, three subtractive inks deepen toward black. At low intensity the additive side is nearly black and the subtractive side nearly white - they are reflections of each other.

ADDITIVE · lights → white
SUBTRACTIVE · inks → black
Property Additive Subtractive
Starts fromBlack (no light)White (full light)
Mixing allWhiteBlack (in theory)
PrimariesRed, Green, BlueCyan, Magenta, Yellow
SecondariesCyan, Magenta, YellowRed, Green, Blue
MechanismEmitting / adding lightAbsorbing / filtering light
Found inScreens, projectors, stage lightsPrint, paint, dye, filters
05

Why these primaries?

"Primary" colors are not magic - they are chosen to span as much color as possible for a given mixing method and a human observer. The additive primaries are red, green, and blue because human vision has three cone types tuned to roughly those regions; RGB lights can stimulate them in nearly independent combinations. The subtractive primaries are cyan, magenta, and yellow because each removes exactly one of those additive primaries - they are the complements.

What about red-yellow-blue? The RYB primaries taught in art class are a historical, perceptual approximation of subtractive mixing with pigments - useful for a paint wheel, but not the physically optimal set. Modern print uses CMY because it captures a wider gamut. RYB is a teaching tradition; CMY is the engineering answer. (The color-theory article covers the artist's wheel in depth.)
Complement pairs
Red ↔ Cyan, Green ↔ Magenta, Blue ↔ Yellow. Each subtractive primary deletes one additive primary.
Why not 3 = perfect
Three primaries cannot reach every real color; that is why no device's gamut is complete. See gamut mapping.
The K in CMYK
Real C+M+Y inks are impure and make muddy brown, not black, so print adds a dedicated black ink (K).
More primaries
Wide-gamut screens and 6+-ink printers add primaries (e.g. orange, green) to extend reach beyond three.
06

Partitive mixing: the eye averages

There is a sneaky third kind. Partitive (optical) mixing does not combine colors physically at all - it places small patches of different colors side by side and lets your eye, which cannot resolve them at a distance, average them into one. It is the principle behind pointillist painting, woven and knitted textiles, mosaic, halftone printing, and the red-green-blue subpixels of the very screen you are reading. Shrink the tiles below and watch a checkerboard dissolve into its average.

Interactive 04 · Partitive (optical)

From a pattern to a single perceived color

Two colors tiled in a checkerboard. The right-hand swatch shows their average - the single color your eye fuses them into from far enough away. Shrink the tile size (or step back from the screen) and the pattern visually collapses toward that average. This is mixing by spatial averaging, neither adding nor subtracting light.

THE PATTERN
WHAT THE EYE FUSES IT TO
07

Where each model lives

Almost every color technology is one of these models - or a clever combination:

Your screen
Additive + partitive. RGB subpixels each emit light (additive); they sit side by side and your eye averages them (partitive).
A printed page
Subtractive + partitive. CMYK inks filter light (subtractive); halftone dots sit side by side and average (partitive).
Mixing paint
Subtractive. Pigments physically blend and each absorbs more of the spectrum - the classic "muddy when overmixed."
Stage lighting
Additive. Colored lamps overlap on a surface; gels on each lamp are subtractive filters first.
"Red and green are enemies in the paint tray and partners on the stage. Nothing about the colors changed - only whether you were adding light or taking it away." Editorial summary · the two mixings
08

Pitfalls and gotchas

Expecting screen = print
A glowing additive design cannot fully survive subtractive print. Soft-proof and expect bright colors to dull.
"Red + green = brown"
True for paint, false for light. State which mixing you mean before predicting a result.
RYB as physics
Red-yellow-blue is a teaching wheel, not the optimal subtractive set. Print engineering uses CMY.
Ignoring partitive mixing
At small scale, adjacent colors average. It is why dithering and halftones work - and why thin patterns shimmer.
Pure CMY = black
Real inks are impure; full CMY is muddy brown. K ink exists precisely to fix this.
Three primaries = all colors
No three primaries reach every color. Every real device has a limited gamut.
09

Test your understanding

Six questions on additive, subtractive, and partitive mixing. Instant feedback, no scores recorded - a wrong answer comes with a short explanation.

Quick check

Loading…
 
Question 1 of 6
10

Continue your journey

Mixing is the foundation; these articles build on each model - the additive screen, the subtractive page, the colorants, and the vision behind the primaries.