Home › Image Tools › Blend Two Images

Blend Two Images

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

  1. Add the bottom image (the base) and the top image (the overlay). Two sample photos are loaded so you can try it right away.
  2. 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.
  3. Set the opacity and, if you like, a fade so the top image melts into the base.
  4. Position the top image: drag it on the canvas, or use Scale, Rotate, Flip and the Cover / Contain / Stretch buttons.
  5. 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.

ModeFormulaTypical use
NormaltSimple overlay or fade between two photos
Multiplyb × t (always darker; white is invisible)Paper and grunge textures, line art, shadows
Screen1 − (1 − b)(1 − t) (always lighter; black is invisible)Double exposure, light leaks, bokeh, fire, stars
OverlayMultiply where b < 0.5, Screen where b ≥ 0.5Add contrast and a color cast to the base
Darken / Lightenmin(b, t) / max(b, t)Keep only the darker or lighter pixels of both
Color dodge / Color burnb ÷ (1 − t) / 1 − (1 − b) ÷ tIntense glows / deep burned shadows
Hard light / Soft lightOverlay with the layers swapped / a gentler, curve-based versionStrong or subtle lighting effects
Difference / Exclusion|b − t| / b + t − 2btAligning two images (identical areas turn black), psychedelic effects
Hue, Saturation, Color, LuminosityTake that property from the top image and the rest from the baseRecoloring, 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.

Related tools

Image CombinerCombine images side by side, stacked or in a grid, with spacing, background color and alignment.Photo EditorEdit photos online: brightness, contrast, saturation, crop, rotate, flip and filters with undo.Duotone GeneratorTurn any photo into a bold two-color duotone image with presets, custom colors and intensity.Add Text to ImageAdd styled text layers with outline and shadow to any photo, then downloadBackground RemoverRemove image backgrounds automatically with AI.Photo EnhancerOne-click auto enhance: fix exposure, contrast, color cast and sharpness, one photo or a batch.Remove Object from PhotoBrush over unwanted objects, people or text and fill the area with matching background.Make Image TransparentRemove a white or solid-color background and save a transparent PNG, right in your browser.Photo to CartoonTurn photos into cartoons with smooth colors and bold outlines. Free, private, no upload.Add Watermark to PhotoAdd a text or logo watermark to one or many photos at once.Blur Image & Face Pixelate ToolBlur or pixelate faces, plates and backgrounds in a photo.Pixelate Image & Pixel Art ConverterTurn any picture into pixel art with retro palettes and dithering.Round Corners ImageGive any picture rounded, circle or squircle corners and save a transparent PNG.Grayscale Image ConverterTurn color photos into black and white with luma, luminance or average methods and sepia.Photo FiltersApply 27 one-click photo filters like Vintage, Noir and Teal & Orange with an intensity slider.Image SharpenerSharpen soft or slightly blurry photos with a real unsharp mask and before/after view.Invert Image ColorsTurn any picture into a color negative, with R/G/B channel toggles and an intensity slider.Screenshot BeautifierPut screenshots on gradient backgrounds with padding, rounded corners, shadow and a browser frame.Image Metadata ViewerSee a photo's EXIF data: camera, lens, exposure, date and GPS location, then strip it in one click.EXIF RemoverRemove EXIF, GPS location and other metadata from JPG, PNG and WEBP photos.Online PaintDraw and paint in your browser: brushes, shapes, fill bucket, text, undo and PNG export.Photo to SketchTurn any photo into a pencil, charcoal or color sketch in your browser and download it.GIF Frame ExtractorSplit an animated GIF into PNG frames with delays, a sprite sheet and ZIP download.Photo Frame MakerPut photos in polaroid, film strip, gallery, rounded or shadow frames with a caption.Glitch Image EffectAdd RGB split, scanlines, slice shifts and noise to a photo for a digital glitch look.Add Date Stamp to PhotoStamp the EXIF or a custom date on photos in a retro orange camera font. Batch and ZIP download.Add Drop Shadow to ImageAdd a drop, long or reflection shadow to PNGs and photos and save a transparent PNG.Add Text to GIFPut captions on animated GIFs with outline, position and frame range, then download.Blur Photo BackgroundBlur the background of any photo for a portrait-mode look. AI subject detection, no upload.Brick Mosaic GeneratorTurn a photo into a toy-brick stud mosaic with a parts list and printable build guide PDF.Online Document ScannerTurn photos of paper into clean scans: auto edge detection, perspective fix, multi-page PDF.Add Film Grain to PhotoAdd realistic analog film grain, light leaks, fade and vignette to any photo, then download.GIF Speed ChangerSpeed up or slow down an animated GIF, or set each frame's delay, without losing quality.Halftone GeneratorTurn images into mono or CMYK halftone dots and lines; export PNG or SVG.Image Noise RemoverRemove grain and color noise from photos with median, bilateral or non-local means filters.Image Dithering ToolDither photos with Floyd-Steinberg, Atkinson or Bayer in 1-bit, Game Boy, CGA and retro palettes.Perspective CorrectionDrag 4 corners to straighten skewed photos of signs, screens and whiteboards, then download.Photo Mosaic MakerBuild a big picture out of many small photos by color matching, then export a high-res PNG.Photo to WatercolorTurn a photo into a watercolor painting with soft washes, color bleed, wet edges and paper texture.Product Photo White BackgroundRemove the background and center products on pure white at 2000 x 2000 for marketplaces. Batch.Redact ImageBlack out or pixelate private info in screenshots; burned in, metadata stripped, PNG download.Rubber Stamp MakerDesign round or rectangular stamps with curved text, borders, stars and grunge ink; PNG or SVG.Signature Background RemoverTurn a signature photo or scan into a clean transparent PNG: threshold, ink color, auto-crop.Skin SmoothingSmooth skin in portraits with face-aware retouching that keeps eyes, lips and skin texture sharp.Straighten ImageFix a tilted photo: rotate by any angle with a grid, auto-crop the corners or level the horizon.AI Style TransferRepaint your photo in the style of any painting or pattern with AI, right in your browser.SVG EditorEdit SVG files visually: move shapes, change colors, text and strokes, add shapes, edit the code.Symmetry Drawing ToolDraw mandalas and kaleidoscope art with radial and mirror symmetry, glow brushes and PNG export.Virtual Background MakerDesign 1920×1080 video call backgrounds with your name, title, logo, blur and branded templates.EXIF EditorEdit photo EXIF and IPTC: date taken, camera, GPS location, copyright and caption, in batch.Face Symmetry TestUpload a face photo to see left-left and right-right mirror composites and a symmetry score.Sports Tactics BoardDraw plays on basketball, soccer, football and hockey diagrams with players, arrows and animated frames.Add Outline to PNGAdd a stroke outline around transparent PNG cutouts: width, color, softness and double borders.Dehaze ImageRemove haze, fog and smog from photos with the dark channel prior. Free, private, in your browser.HDR Photo EffectGive any single photo an HDR look with local tone mapping, detail boost and a strength slider.Low Light Photo EnhancerBrighten dark and night photos with an adaptive tone curve plus noise reduction.Photo StackingStack photos online: star trails (lighten), noise reduction (mean) and remove passers-by (median).Photo to Oil PaintingTurn a photo into an oil painting with brush size, detail, impasto and canvas texture.Red Eye RemoverClick on red eyes to fix them automatically: adjustable threshold, undo, download the photo.Tilt Shift EffectMake photos look like miniature models with an adjustable tilt-shift focus band and blur.Colorize Black and White PhotoAdd natural color to old black and white photos with AI that runs in your browser. No upload.Draw on ImageAnnotate photos and screenshots with arrows, boxes, text, highlighter and numbered steps.Photo to AnimeTurn selfies and landscapes into anime-style art with AI in your browser. Free, no upload.Face Shape DetectorUpload a selfie to find your face shape on-device, with hairstyle and glasses tips.Add Background to Transparent PNGFill the transparent areas of a PNG with a color, gradient or photo, plus padding and shadow.Add Stickers to PhotoPut emoji and cute stickers on your photos; scale, rotate, flip and layer them, then save PNG.Color Splash EffectKeep one color, or a brushed area, in color and turn the rest of the photo black and white.Old Photo Face RestorerRestore blurry and damaged faces in old photos with AI (GFPGAN) in your browser. Free, no upload.
See all 69 Photo Effects & Editing →