<feBlend> Playground

Blend two images using standard blend modes. The source graphic is blended over a configurable background colour layer.

Preview

Target

Parameters

mode How pixels are combined.
"multiply" - darkens (good for shadows)
"screen" - lightens (good for glows)
"overlay" - combines multiply + screen

Blend layer colour

Blend layer opacity

Generated Code