Open I Love To Edit Gradient Overlay, add a photo, pick two colors and a direction, then set the opacity and blend mode. A dark gradient at the bottom makes white text easy to read. Download as JPG, PNG or WebP.
A gradient overlay places a smooth fade of color over a photo. It is used on website headers, YouTube thumbnails and social posts to give a brand color and to make text readable.
Choose linear or radial, two colors, the angle and how strong it is. Blend modes such as multiply, screen and overlay give different looks.
How to use the Gradient Overlay tool
- Add a photo: Drop a JPG, PNG or WebP picture.
- Choose the gradient: Pick two colors, linear or radial, and the angle.
- Blend it: Set opacity and a blend mode.
- Download: Save what Gradient Overlay has made.
Gradient Overlay features
- Linear and radial: Fade in any direction or from the center.
- Blend modes: Normal, multiply, screen, overlay, soft light and more.
- Presets: Ready-made gradients for quick results.
- Batch: Same overlay on many photos.
Tips for the best result
- Black to transparent at the bottom makes white captions easy to read.
- Use your brand colors with the overlay mode for a consistent look.
- Keep opacity between 40% and 70% so the photo still shows.