Why do different color spaces produce different scales?

Color spaces map colors differently. RGB interpolates along a straight line in the RGB cube, which can cause 'muddy' colors in the middle. HSL interpolates hue around a color wheel. Perceptual spaces like OKLAB and LCH are designed to match human vision, often producing the smoothest and most natural-looking gradients.

How many colors can I interpolate?

You can add up to 10 key colors to interpolate between, and generate a scale with up to 24 steps across those key colors.

Can I copy the entire color scale at once?

Yes, once you have generated a scale, you can use the 'Copy All Values' button below the scale to copy the colors in your chosen format (HEX, RGB, HSL, LAB, etc.) to your clipboard.

Tool

Color Interpolation

Create multi-stop color scales using perceptual interpolation. Compare how different color spaces affect the transition.

Key Colors

Interpolated Scale

Space

Format

Steps

#3B82F6

#5978D8

#776DBB

#95639D

#B3597F

#D14E62

#EF4444

7 colors generated in RGB space

About Color Interpolation

Interpolation is the process of generating intermediate colors between two or more key colors. This tool allows you to create continuous color scales and explore how different mathematical color spaces affect the blending.

Understanding Interpolation Spaces

RGB: Basic linear interpolation. Fast but can produce dark, muddy colors in the middle.
HSL: Follows the color wheel. Great for maintaining saturation but can shift lightness unpredictably.
LAB/LCH: Perceptually uniform spaces that produce smooth transitions without muddy midpoints.
OKLAB/OKLCH: Modern perceptual spaces that fix issues in LAB, providing the highest quality gradients and scales.

Color Interpolation

Key Colors

Interpolated Scale

About Color Interpolation

Understanding Interpolation Spaces

Frequently Asked Questions

Related Tools