Web Gradients — 180 Free Linear Gradients

180 curated linear gradients for web design. Copy CSS in one click.

Open the gradient generator →

Browse the collection below, click any gradient to copy its CSS, and open the generator to build your own linear, radial, conic, mesh, or animated gradient.