Gradient Generator

Pick two colors and an angle to generate a linear or radial CSS gradient, with a live preview and copyable code.

Color AColor B

Angle: 135°

background: linear-gradient(135deg, #3B82F6, #8B5CF6);

Example input

#3B82F6 to #8B5CF6 at 135deg

Example output

background: linear-gradient(135deg, #3B82F6, #8B5CF6);