Put one photo on top of another and mix them like in a photo editor: choose from 16 blend modes with live previews, set the opacity, move, scale, rotate and fade the top image, then download the blended picture at full size.
Last updated:
Drag to move the top image · arrow keys nudge (Shift = faster)
Top image
Blend mode previews
Advertisement
Advertisement
How to use the Blend Two Images
Add the bottom image (the base) and the top image (the overlay). Two sample photos are loaded so you can try it right away.
Pick a blend mode: each thumbnail previews the mode with your own photos. Screen and Lighten are great for double exposures, Multiply for textures, Overlay for contrast.
Set the opacity and, if you like, a fade so the top image melts into the base.
Position the top image: drag it on the canvas, or use Scale, Rotate, Flip and the Cover / Contain / Stretch buttons.
Download the result as PNG or JPG at the size of the bottom image.
What each blend mode does
In the formulas, b is the bottom (base) color and t the top color, each channel from 0 to 1. The result is then mixed with the base by the opacity: result = b + (mode(b, t) − b) × opacity.
Mode
Formula
Typical use
Normal
t
Simple overlay or fade between two photos
Multiply
b × t (always darker; white is invisible)
Paper and grunge textures, line art, shadows
Screen
1 − (1 − b)(1 − t) (always lighter; black is invisible)
Double exposure, light leaks, bokeh, fire, stars
Overlay
Multiply where b < 0.5, Screen where b ≥ 0.5
Add contrast and a color cast to the base
Darken / Lighten
min(b, t) / max(b, t)
Keep only the darker or lighter pixels of both
Color dodge / Color burn
b ÷ (1 − t) / 1 − (1 − b) ÷ t
Intense glows / deep burned shadows
Hard light / Soft light
Overlay with the layers swapped / a gentler, curve-based version
Strong or subtle lighting effects
Difference / Exclusion
|b − t| / b + t − 2bt
Aligning two images (identical areas turn black), psychedelic effects
Hue, Saturation, Color, Luminosity
Take that property from the top image and the rest from the base
Recoloring, colorizing black and white photos
Recipes for popular effects
Double exposure: bottom = portrait on a white or light background, top = forest, city or sky. Screen or Lighten, opacity 80 to 100%, Soft edges fade.
Vintage paper texture: bottom = your photo, top = paper or grunge texture. Multiply at 40 to 70%.
Light leak or bokeh: top = light leak or lights on black. Screen at 60 to 100%; the black parts disappear.
Colorize a black and white photo: top = a colored gradient or photo. Color mode at 30 to 60%.
Spot the difference: put two versions of the same image on top of each other with Difference at 100%: everything that is identical turns black.
Frequently asked questions
How do I blend two images together for free?
Add a bottom image and a top image, choose a blend mode and lower the opacity until you like the mix, then press Download. Everything happens in your browser: there is no sign-up, no watermark and no upload.
What is the difference between multiply, screen and overlay?
Multiply multiplies the colors, so the result is always darker and white disappears, which is ideal for textures and line art. Screen is the inverse: the result is always lighter and black disappears, which is perfect for light leaks, fire, bokeh and double exposures. Overlay multiplies the dark parts and screens the light parts of the base, adding contrast and color.
How do I make a double exposure photo?
Use a portrait or silhouette on a light background as the bottom image and a landscape or texture as the top image. Choose Screen or Lighten, set opacity to 70 to 90%, and add a fade or vignette so the edges blend smoothly.
What size is the downloaded image?
The output has the pixel size of the bottom image (scaled down to 4000 pixels on the longest side if it is larger). Parts of the top image that hang outside are cropped.
Can I use transparent PNGs?
Yes. Transparency in either image is kept. Download as PNG to keep transparent areas; JPG fills them with white.
Are the blend modes the same as in Photoshop?
They follow the W3C Compositing and Blending specification that browsers implement, which uses the same formulas as the standard modes in Photoshop, GIMP and Figma. Very small differences in soft light or color dodge are possible.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.