CSS Gradient Generator

Design linear and radial gradients visually and get the CSS code instantly.

Type:

Angle:

deg

Colors:

CSS Code

background: linear-gradient(90deg, #3b82f6, #8b5cf6);

Using CSS Gradients

Gradients allow you to display smooth transitions between two or more specified colors. They are widely used in modern web design for backgrounds, buttons, and text effects.