ffee
All tools
Gradient Overlay
Blend a linear or radial colour gradient over a photo with opacity and blend mode control.
Add a gradient overlay
Overlay: —
How to use the Gradient Overlay
- Load the photo you want to tint with a gradient.
- Choose a linear or radial gradient, set the two colours and the angle.
- Adjust the opacity and blend mode, then download the composited PNG.
Features
- Linear and radial gradients with an angle control
- Opacity from fully transparent to fully opaque
- Twelve canvas blend modes including multiply and overlay
- Exports the composited result as a PNG
Advertisement
Frequently Asked Questions
Common questions about the free online gradient overlay.
A gradient overlay paints a smooth colour transition on top of a photo, which is a common way
to add mood or make text easier to read.
A linear gradient runs in a straight line at the angle you choose, while a radial gradient
spreads outward from the centre of the image.
Normal, multiply, screen, overlay, darken, lighten, colour dodge, colour burn, hard light,
soft light, difference and exclusion.
Opacity controls how strongly the gradient is painted. At zero the photo is unchanged and at
one hundred the gradient completely covers it.
Yes. The exported PNG can be used anywhere, and a dark gradient under a headline is a common
way to keep text readable.
No. The photo is drawn on a local canvas and the gradient is composited in your browser, so
nothing is transmitted.
Very large photos are scaled down for a fast preview, so download the result at a size
suitable for the web rather than for printing.
Reload the original file to start again. The tool never modifies the file on your device, so
the original is always safe.
Yes. The controls and preview are fully responsive and work in any modern mobile browser.
Yes. The gradient overlay tool is completely free with no account and no limit on the number
of images.
Last updated: October 10, 2026