Gradient Image Generator
Create gradient images with multiple colors, choose direction (top/bottom/left/right/center), set size, and download as PNG.
Gradient type
Linear
Direction
To bottom
Colors
rgb(24,144,255)
rgb(82,196,26)
DimensionsWidth and height in pixels (1–4096).
Width
Height
Preview
About this toolFree online gradient image generator. Supports linear and radial gradients, multiple colors, direction and size. Download as PNG with one click, no installation required.How to use1. Choose gradient type: Linear (with direction) or Radial (from center outward).
2. Click color swatches to edit; use "+" to add a color, "−" on each row to remove that color (at least one color required).
3. Set width and height in pixels (1–4096); preview updates on the right.
4. Click "Download image" to save as PNG.
2. Click color swatches to edit; use "+" to add a color, "−" on each row to remove that color (at least one color required).
3. Set width and height in pixels (1–4096); preview updates on the right.
4. Click "Download image" to save as PNG.