ToolFlow

All processing happens in your browser, nothing is sent to our servers.

Gradient Generator

Create CSS linear-gradient strings with live preview

Color 1Color 2

Angle 120°

Color 2 stop (divider)

50%

Three color stops

Stop positions are percentages along the gradient line (0% at the start, 100% at the end).

linear-gradient(120deg, #6366f1 0%, #9333ea 50%)

Use as background: linear-gradient(120deg, #6366f1 0%, #9333ea 50%);