Linear gradient CSS

Live preview; copy as background: linear-gradient(...).

Adjust angle, colors, and stops; copy as CSS background.

Angle135°

Color 1Color 2

Stop 10%Stop 2100%

linear-gradient(135deg, #6366f1 0%, #ec4899 100%)

3-digit hex expands to 6-digit; compare with design tools for pixel-perfect matches.