Drag a point to move its color · double-click the bar to add a stop · click a point to select it

Gradient Studio

Build a linear, radial, conic or mesh gradient. Fine-tune the colors with the harmony generator and export straight to CSS.

Angle 135°

Shape

Center position 50% 50%

Start angle 0°

Mesh points 5 points

Falloff 60%

Colors 3 stops

Harmony from one color

Grain texture

Export