gradient-preview

Create and preview CSS gradients interactively. Adjust angle and color stops. Copy generated CSS.

Angle (deg)

Color Stops

Presets

CSS Code

background: linear-gradient(45deg, #ff6b6b, #4ecdc4);