Gradient Image Generator
Define a gradient image size and colours for download in a browser.
Quick answer: enter your details below and click Generate image — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
G
Image & Design
Enter your details below.
How to use
- Pick two colours and a direction.
- Set the image size.
- In a browser, save the drawn gradient as an image.
About this tool
Set two colours, a size and a direction, and this tool prepares a gradient image in the browser, where you can download it as a picture. In a non-browser run it reports the size and CSS so the settings are still fully checkable.
Frequently asked questions
What file format do I get?
The browser download is a standard image file drawn from the canvas.
Can I use the gradient as a background?
Yes, it works well as a banner, header or social background.