Modern Gradient Generator

Create beautiful CSS gradients with live preview. Choose colors, adjust angles, and copy the code.

Gradient Type

Linear Gradient

Radial Gradient

Gradient Angle 135°

Color 1: #667eea

Color 2: #764ba2

Preset Gradients

CSS Code