Gradient Tools

SVG Gradient Generator

Generate SVG <linearGradient> markup

Stops

Stop 1

Position: 0%

Stop 2

Position: 100%

Angle

90°

CSS

background: linear-gradient(90deg, #3B82F6 0%, #EF4444 100%);