Gradient Comparison Tool

Start Colour

End Colour

RGB ← → OKLCH 50%

RGB Linear Gradient

#eb7824 (orange) → #111d30 (dark blue)

Blended Gradient

#eb7824 (orange) → #111d30 (dark blue)

OKLCH Gradient

#eb7824 (orange) → #111d30 (dark blue)

Note: The RGB gradient interpolates linearly through RGB space (straight line). The OKLCH gradient interpolates through perceptual colour space, taking the shorter arc around the hue wheel. The blended gradient averages both approaches at each point. OKLCH may not be supported in all browsers.