Color Mixer

Type two colors, pick a space and a step count, and see the gradient as click-to-copy hex swatches. Four interpolation modes are wired up: straight RGB, RGB linear (gamma-corrected), HSL (shortest hue arc), and CIE Lab (perceptually uniform). The endpoints, midpoint, and a CIE76 ΔE reading help you compare paths. Nothing leaves the device.

Endpoints
—
—
Interpolation
Mode

—

Gradient
—

Readout
Endpoints ΔE76
—
Geometric midpoint
—
What the modes do & when to use them
  • Straight RGB — lerp the three sRGB channels 0–255. Fast, but the gradient usually passes through a muddy grey midpoint on highly-saturated inputs (try red → cyan).
  • RGB linear — convert to gamma-corrected linear light, lerp, convert back. Closer to physical light mixing; better mid-tones than straight RGB.
  • HSL — convert to HSL and interpolate the hue along the shortest arc (so red → red+10° never sweeps the long way through cyan). Saturation and lightness are lerped independently.
  • CIE Lab — convert to Lab (D65), lerp the three perceptual axes, convert back. Perceptually uniform: the gradient looks evenly spaced to the eye. Best for palette work.
  • ΔE76 is the Euclidean distance between the two endpoints in Lab space. Roughly: <1 imperceptible, 1–2 just-noticeable, 2–10 clearly different, >10 a different colour.
  • The midpoint hex shown in the readout is the geometric average of the two endpoints' sRGB values, not the perceptual midpoint of the chosen gradient — those only coincide when the mode is straight RGB.
  • Click any swatch to copy its hex. The endpoint swatches are pinned (always the literal A and B); interior swatches are the interpolated samples.
  • Nothing leaves the browser. No upload, no analytics on the inputs.