CSS Gradient Generator

Pick colors and create beautiful backgrounds.

Using Linear Gradients

CSS gradients let you display smooth transitions between two or more specified colors. The standard syntax is background: linear-gradient(direction, color1, color2);.