CSS Gradient Generator

Build linear, radial and conic CSS gradients with up to five color stops, then copy the CSS, a Tailwind class or a React style.

background: linear-gradient(135deg, #ff7a59 0%, #ff3d77 50%, #7b2ff7 100%);