CSS Gradient Generator

Create beautiful CSS gradients with a visual editor. Adjust colors, angle, and type — then copy production-ready code instantly.

Gradient Type

Color 1

Color 2

Angle: 90°

0°90°180°270°360°

CSS

background: linear-gradient(90deg, #4A90D9, #E74C3C);

Tailwind CSS

className="bg-gradient-to-r from-[#4A90D9] to-[#E74C3C]"