Does it generate vendor-prefixed CSS?

Yes. The output includes -webkit- prefixes for compatibility with older browsers alongside the standard property.

Can I create transparent gradients?

Yes. Each color stop supports an alpha channel, so you can fade from a solid color to transparent.

How many color stops can I add?

You can add as many color stops as you need. Most practical gradients use 2–5 stops.

CSS Gradient Generator

Generate CSS linear-gradient code from two colors and an optional direction or angle.

Text input

About CSS Gradient Generator

Generate CSS linear-gradient code from two colors and an optional direction or angle. Powered by JustUse.me — free, ad-free, and private. This tool runs entirely in your browser. Your files are never uploaded to any server.

Related tools

CSS Box Shadow Generator

Color Converter

CSS Unit Converter

Color Contrast Checker