Any Generator logoAny Generator

Gradient Generator

Gradient Generator tool

Color Stops

CSS Code

background: linear-gradient(90deg, #4F46E5 0%, #9333EA 100%);

Features

  • Linear gradient generation
  • Radial gradient generation
  • Conic gradient generation
  • Multiple color stops
  • CSS code export
  • Gradient presets

How to use

Select gradient type, choose colors, adjust angle and positions, then copy the generated CSS code.