8 free CSS gradients

Click any card to copy its background value. Pure CSS, no JavaScript libraries — drop into any project.

CopySoft Bloom linear-gradient(135deg,#FBC2EB,#A6C1EE)
CopyCoral Tide linear-gradient(135deg,#FF9A8B,#FF6A88,#FF99AC)
CopySea Mint linear-gradient(120deg,#84FAB0,#8FD3F4)
CopyAurora linear-gradient(135deg,#667EEA,#764BA2)
CopySlate Night linear-gradient(160deg,#0F2027,#203A43,#2C5364)
CopyPastel Cotton linear-gradient(135deg,#FAD0C4,#FFD1FF)
CopySunbeam linear-gradient(135deg,#F6D365,#FDA085)
CopyLilac Halo radial-gradient(at 30% 20%,#A18CD1,#FBC2EB)