# CSS gradient maker

Canonical page: https://nepocore.com/tools/gradient-generator/

Create a three-color linear or radial CSS gradient and preview the result. Adjust colors and angle, then copy the background declaration.

## How to use it

1. Enter a sample value, color, URL or structured input.
2. Choose the required format or options and run the tool.
3. Review the output and copy it into your own workflow.

## Example

Combine sage, blue and peach into a soft background for a website section.

## Limits and checks

A radial gradient does not use the linear angle setting. Check foreground text contrast before applying your gradient to a live page.

## Access and processing

Free to use without an account. Interactive processing requires JavaScript in a modern browser. Input is processed in the browser rather than sent to a processing server. Optional browser storage is not a synchronized account.


---

[About Nepocore](https://nepocore.com/about/) · [Editorial and corrections policy](https://nepocore.com/editorial-policy/) · [Privacy and processing details](https://nepocore.com/privacy/)