What is Gradient?

A gradient is a gradual transition between colours. CSS generates them as images through linear-gradient(), radial-gradient() and conic-gradient().

2 tools that work with Gradient

Files never leave your browser.

CSS Generators2

CSS Gradient GeneratorBuild linear, radial and conic CSS gradients and copy the code.Gradient Text GeneratorFill text with a gradient, a metallic sheen or a chrome effect using background-clip.

Related terms

Terms that appear alongside Gradient on the same tools.

← All glossary terms Browse every tool →