CSS gradient generator
Create a two-color linear or radial CSS gradient. Preview it, adjust the angle for a linear gradient and copy the CSS value.
Features
- Choose the two endpoint colors.
- Create a linear gradient with a custom angle or a radial gradient.
- Preview the background and copy its CSS value.
How to use this tool
- Choose the first and second colors.
- Select the gradient shape and linear angle if applicable.
- Generate the preview and copy the background value.
Good to know
This tool is free without sign-up, with unlimited processing and exports within the displayed input limits.
Privacy and local processing
This tool processes your input in your browser. Source files and text are not uploaded to a FormatOwl processing server. Advanced-tool access and trial balances are checked online using tool IDs, file types, sizes and page counts. Free tools do not require account authorization. Save the results you need before leaving or refreshing the page.
Read our privacy policy