ToolBeetle

CSS gradient generator

Create a two-color linear gradient and copy its CSS.

How to use this tool

Choose two colors and an angle from 0 to 360 degrees. Generate the gradient and copy the CSS background declaration.

Good to know

Two opaque color stops only. Uses standard CSS linear gradients. This does not check contrast across the gradient. Colors are processed locally and are not saved.