Skip to tool
ToolDesktop v3.0

CSS Gradient Builder

CSS gradient generator for two-stop linear gradients, with clean CSS export.

Quick utilities

About this tool

Pick two colours and an angle, watch the gradient update as you go, then copy the CSS. The result is exported as clean two-stop linear-gradient markup.

How to use it

Set the values in the css gradient builder above and the result updates as you type. Everything runs in your own browser — there is no account, no upload and no server-side calculation, so nothing you type is transmitted or stored.

All 9 tools in the hub · Back to the toolbar

Everything else