littlekit.
Private by design

Gradient Generator

Creates a CSS linear-gradient between two colours at the supplied angle.

Your inputs stay in your browser. No account required.
Loading tool controls…

How gradient generator works

Creates a CSS linear-gradient between two colours at the supplied angle.

Try an example

90 degrees progresses from left to right.

Good to know

Two opaque stops only. Visual interpolation can differ by rendering environment.

Your privacy

Processing happens on this device. We do not upload your input, put it in share links or save it to your favourites. Closing this tab discards the working input; downloaded results remain wherever you save them.

A useful next step

Made for clarity. Built to be useful.Report an issue