Free Tool

CSS Gradient Generator

Pick two colours and an angle, preview live, and copy the CSS.

Start colour

End colour

Angle135deg

CSS

background: linear-gradient(135deg, #7c3aed, #06b6d4);