Back to all tools

CSS Gradient Generator

Create beautiful CSS gradients with a visual editor.

135°

Presets

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

About Gradient Generator

Gradient Generator lets you create beautiful CSS linear, radial, and conic gradients with multiple color stops. Adjust the angle, positions, and colors to design custom backgrounds and preview them live. Copy the ready-to-use CSS gradient code instantly.

  • Linear, radial, and conic gradients
  • Multiple color stops with position control
  • Live gradient preview
  • Ready CSS code output