Gradient map Effect

Apply Gradient map to images and videos online

Replace the tones of your image with a fully customizable color gradient. Map shadows, midtones, and highlights to any colors for duotones, tints, and stylized grading.

Original image before applying Gradient map effect Before
Image with Gradient map effect applied After

Ideas for using the effect

Duotone

Assign two contrasting colors to shadows and highlights for a bold, graphic look.

Film toning

Recreate darkroom-style color toning — warm highlights, cool shadows, or vice versa.

Psychedelic colorization

Use a multi-stop gradient to paint images with vibrant, unexpected hues.

Monochromatic tint

Map all tones to shades of a single color for a cohesive, stylized palette.

Made with this effect

More inspiration on Instagram @effect_app

Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
Example created with Effect.app
See more

Start creating with Gradient map for free

Test out the app with no strings attached. No registration or credit card information is required.

Switch to Yearly to save 10%

Free

$ 0
Launch app
  • Version history
  • Export up to 1080p
  • Export up to 5s video
  • Core effects library
  • Basic preset controls
  • Figma plugin

Pro

$ 12 /month
  • Everything in Free, plus
  • No watermarks
  • Commercial license
  • Dynamic effects export
  • 4k resolution export
  • 120s video export
  • Save and share up to 10 custom presets

Animate new

$ 20 /month
  • Everything in Pro, plus
  • Animate effects with keyframes
  • Up to 5 minutes video export
  • Unlimited custom presets
  • Keyframe timeline controls
  • Reusable animation settings

Frequently Asked Questions

What does Gradient map do?

It converts image brightness into colors — dark areas sample the left of the gradient, bright areas sample the right.

How is Gradient map different from a color tint?

A tint applies one color uniformly. Gradient map lets you assign different colors to each tonal range independently.

Can I add more than two colors?

Yes. You can add as many gradient stops as you like at any position across the tonal range.

Does Gradient map work on videos?

Yes. The effect processes in real time on both images and videos.

Can I combine Gradient map with other effects?

Absolutely. It pairs well with contrast, blur, grain, and vignette for polished creative results.