🌅

Image Gradient Overlay

Add a smooth two-color gradient overlay to any photo with customizable colors, direction, opacity and blend mode.

🖼️

Select Image

JPG, PNG or WebP • Click or drag & drop

Start Color

End Color

Overlay Opacity: 45%

Direction

Blend Mode

Output Format

Output Quality: 92%

1. UploadSelect your image.

2. ColorsChoose two gradient colors.

3. StyleSet direction, opacity and blend.

4. DownloadSave the final image.

Add a Gradient Overlay to an Image

Create modern color treatments for photos, thumbnails, banners and social graphics by applying a customizable two-color gradient over JPG, PNG and WebP images.

Gradient Direction and Blend Modes

Choose horizontal, vertical, diagonal or radial gradients and experiment with normal, multiply, screen, overlay and soft-light blending.

Are images uploaded?

Your image is processed directly in your browser instead of intentionally uploading it to a Tool Digital Hub server.