TFMKIT Logo
Gradient Editor

Build Your

Gradient

Customize & Export

Compose color stops, adjust angle and type, then export your gradient as CSS, PNG, or SVG. Everything updates live and is shareable via the URL.

Back to Gradients
CSS Output
background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
Gradient Type
Angle
deg
Color Stops (3/8)
0%
50%
100%
Presets