This tool mixes two colours using linear RGB interpolation. At 50/50 both colours contribute equally. This is additive RGB mixing, as used in digital displays — different from mixing physical paints (which use subtractive colour).
Mixing two colours at a given ratio is straightforward in RGB space: interpolate each channel linearly. This mixer lets you blend any two colours across the full spectrum of ratios, instantly showing the result as a colour swatch and copyable HEX/RGB values. Useful for finding midpoint tones, creating gradients programmatically, or matching a physical paint mix to screen colour.
Simple RGB linear interpolation gives mathematically correct midpoints but can look perceptually "muddy" at the 50% point — especially when mixing complementary colours. This happens because RGB is not a perceptually uniform space. For more natural-looking blends, mixing in HSL or LCH colour space often gives better results: hues rotate more naturally and saturation is maintained. This tool shows the RGB linear mix and notes where the perceptual result would differ.
Red (#FF0000) and green (#00FF00) are complementary in RGB. Their midpoint (50% mix) is #808000 — an olive/khaki tone. In HSL, rotating from 0° (red) to 120° (green) passes through yellow, giving more natural results.
Yes. Enable the step-blend panel and choose the number of steps (2–20). The tool outputs equally-spaced intermediate colours as HEX values — suitable for CSS gradient stops.
No. Paint mixing is subtractive (pigments absorb light), while RGB mixing is additive (light is emitted). Mixing red and green paint gives brown; mixing red and green light gives yellow. The results are fundamentally different.
Mix your colour with white (#FFFFFF) at a 25:75 ratio (25% your colour, 75% white). Or mix it with black at 25:75 for a dark shade.
See also the Color Palette Generator and CSS Gradient Generator for design work.