Gradient Background Generator

Create linear or radial CSS gradients with a live preview and copy-ready CSS output.

Start color

End color

Gradient type

Linear angle

Output

Ready.

Choose two colors, set a direction, preview the background, and copy CSS for landing pages, cards, banners, and app surfaces.

Everything runs in your browser. Generated secrets, color values, and CSS are not sent to Instant Text Tools.

Related Tools