Skip to content

Features Documentation Colors Tools Playground News About

↑↓ navigate · ↵ open · esc close

Palette Harmonies Gradient Contrast Relative Vision sim Converter Names

Gradient Builder

Compose smooth multi-stop gradients in OKLCH, OKLab, or sRGB. Compare the strip, the full fill, and border-driven UI surfaces side by side.

Start

End

Type

Interpolation space

Angle / Origin

Stop count

Stops 9

Preview

See the sampled stops and the full CSS fill together

Surface fill

Gradient border

Tinted chrome

// PHP equivalent appears here.

background: linear-gradient(...);