Skip to content
Rotina Diária

CSS Gradient Generator

Create linear, radial, and conic gradients with multiple colors, then copy the ready-to-use CSS.

Colors and stops

Suggestions

Processed on your device. Nothing you type is sent anywhere.

How to use: CSS Gradient Generator

  1. Choose a gradient type: linear, radial, or conic.
  2. Adjust the colors, stops, and angle—or start with a preset.
  3. Copy the CSS and paste it into your element's background property.

About this tool

The generated code includes a solid color before the gradient as a fallback for very old browsers. CSS gradients are rendered by the browser, don't add image file size, and adapt to any screen size.

For a smooth blend between very different colors, add an intermediate color. A direct transition between complementary colors (like blue and orange) tends to pass through a grayish shade.

Frequently asked questions

What's the difference between linear, radial, and conic gradients?

A linear gradient changes color along a line at an angle. A radial gradient spreads from a center point in a circle or ellipse, while a conic gradient rotates around the center, like a pie chart.

Does it work in all browsers?

Yes. linear-gradient and radial-gradient work in all current browsers; conic-gradient is supported in modern Chrome, Edge, Firefox, and Safari.

Is it really free? Is there a daily limit?

It's free with no daily limits. Processing happens on your device, so there's no per-use cost and no need to limit you.

Does it work on phones?

Yes. The site works in any modern browser on Android, iPhone, Windows, Mac, and Linux—no installation needed.

Related tools

View all — Related tools
Color Converter Convert colors between HEX, RGB, HSL, HSV, and CMYK, and check the WCAG contrast between two colors. CSS, HTML, and JSON Minifier Reduce the size of CSS, HTML, and JSON by removing comments and whitespace without changing how your code works. QR Code Generator Create QR codes for links, Wi-Fi, WhatsApp, email, and text. Create ZIP Combine multiple files of any type into a single compressed .zip file, right in your browser. Extract ZIP Open ZIP files without installing anything. Preview the contents and download only the files you need. JSON Formatter Format, validate, and minify JSON with helpful error highlighting. Encode and decode Base64 Convert text or files to and from Base64. UUID Generator Generate UUID v4 and v7 values in bulk, with or without hyphens.