CSS Gradient Generator

Visually generate CSS gradient code

Angle: 135°

Color Stops

#6366f10%

#ec4899100%

CSS

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

CSS Gradient Types

• linear-gradient: Colors transition along a straight line
• radial-gradient: Colors radiate outward from the center

Choose the gradient type, add color stops, adjust the angle or position, then copy the generated CSS code.