CSS Gradient Generator

Generate linear CSS gradients visually, preview them live, and copy the generated CSS instantly.

First Color

Second Color

Angle: 90°

Live Preview

Generated CSS

background: linear-gradient(90deg, #ff0000, #0000ff);