Add a gradient overlay to a photo
Pick two colors and a direction, then choose how the gradient mixes with the photo. Soft light tints gently; screen brightens; multiply darkens.
Free · Runs on your device · No uploadsDrop a photo here
or paste it with ⌘V · JPEG, PNG, WebP, HEIC
How to add a gradient overlay to a photo
Open a photo. Drop it here, paste it, or choose a file.
Pick the colors, direction and mix mode.
Download the photo.
What you can do
- Linear or radial gradients
- Two colors, either can be see-through
- 16 mix modes and strength
- No uploads, no sign-up, no watermark
Questions
Which mix mode should I use?+
Soft light and overlay tint while keeping contrast. Screen makes the photo lighter and color makes it take on the gradient’s colors.
How do I fade a photo to one color at the bottom?+
Choose Linear, set the start color to see-through and the end color to your color, point it down, and use Normal mix.
Can the gradient be see-through?+
Yes. Either color can be set to None, and Strength lowers the whole gradient.
Are my photos uploaded?+
No. The photo is overlaid in your browser and never leaves your device.
Related tools
- Light Leak
Add a warm glow bleeding in from a corner, like light leaking into an old film camera.
- Duotone Effect
Turn a photo into two colors, one for the shadows and one for the highlights, for a bold poster look.
- Tint Photo
Wash a whole photo in one color, like a blue, rose or amber monochrome, keeping its light and shade.