CSS

CSS Gradient Generator

Create linear, radial, and conic CSS gradients with a live preview. Add as many color stops as you need, drag them into place, and copy the CSS or a Tailwind class that runs from the first color to the last.

Gradient typeAngle90 deg

background: linear-gradient(90deg, #f5a623 0%, #2563eb 100%);