Mix two colors with a proportion slider and read the whole 11-step scale between them, in your browser.
Two colors can be mixed in two completely different ways, and this tool shows both. Screens mix light: they add red, green and blue together, which is why red plus green light gives yellow and why every color on this page is ultimately an RGB triple. Paint mixes the opposite way: each pigment subtracts wavelengths from the white light hitting it, which is why the classroom answer to "yellow plus blue" is green, and why the same two colors mixed as light give a neutral gray instead. Picking the wrong mental model is the usual reason a mixed color comes out unexpectedly muddy or unexpectedly pale.
The RGB mode does exactly what it says: it interpolates each of the three channels linearly between the two colors, in the same sRGB space your CSS and design tools use, so 50% between #ff0000 and #0000ff is #800080. The Paint mode first converts both colors into the RYB space of the artist color wheel, interpolates there, and converts the result back to RGB — that conversion is what makes yellow and blue meet at green. Be aware of what that mode is and is not: real pigment mixing is governed by absorption and scattering (the Kubelka-Munk model) and depends on opacity, particle size and binder, so no linear formula reproduces it. Paint mode is a faithful model of the color wheel, not a simulation of actual paint.
The 11-step scale under the result is often more useful than the single mixed color: it gives you the complete ramp from one color to the other in 10% increments, ready to be used as gradient stops, as intermediate states between two brand colors, or as the steps of a sequential chart palette. Click any swatch to copy its hex. Everything — the conversions, the interpolation and the whole scale — is computed 100% in your browser with plain JavaScript; no color you type is ever sent anywhere.
RGB mixes light additively, the way a screen does, so it interpolates each channel directly; Paint approximates subtractive mixing through the RYB artist wheel. The classic test is yellow plus blue: RGB gives a neutral gray, Paint gives green.
Roughly, but not exactly. Real pigments mix through light absorption and scattering, and the result depends on opacity, pigment load and binder — no linear formula reproduces that. Treat the Paint mode as the color wheel answer, useful for design decisions, not as a paint simulator.
It sets how much of each color goes into the mix: at 30% the result is 70% color A and 30% color B. At 0% and 100% you get the two original colors back untouched.
It is the full ramp between the two colors in 10% steps — handy for gradient stops, hover and active states, chart palettes or any place you need consistent intermediate colors. Clicking a step copies its hex code.
No. The mixing runs entirely in JavaScript on your device — the hex codes you type are never uploaded, logged or stored on any server.
Vai.la turns any URL into a short link with click statistics, QR Code and your own biolink.
Vai.la is not responsible for how the tools are used or for decisions made based on their results.