Linear/radial/conic gradient generator.. Color Gradient CSS is a free online tool from the ToolsRift Developer Tools collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
Pick a gradient type, add and position color stops, adjust the angle, and copy the generated background CSS while previewing the result live.
Linear gradients blend along a straight axis at a chosen angle; radial gradients blend outward from a center point in circles or ellipses.
A conic gradient sweeps colors around a center point like a pie chart, useful for color wheels and progress rings.
As many as you like — each stop defines a color and position, and adding more creates richer multi-color blends.