Layer Blend Mode Previewer
Blend layer (top)
Color
Gradient
Image
Blend layer color
Blend layer gradient
Landscape scene
Teal → orange diagonal
Color field (hue × value)
Sunset (violet → peach)
Gray ramp, left to right
Gray ramp, top to bottom
Soft glow (transparent edges)
Drop an image
or click to choose · paste works too
⇅ Swap layers
Base layer (bottom)
Color
Gradient
Image
Base layer color
Base layer gradient
Landscape scene
Teal → orange diagonal
Color field (hue × value)
Sunset (violet → peach)
Gray ramp, left to right
Gray ramp, top to bottom
Soft glow (transparent edges)
Drop an image
or click to choose
Blend mode
Normal
Multiply
Darken
Color Burn
Linear Burn
Darker Color
Screen
Lighten
Color Dodge
Linear Dodge (Add)
Lighter Color
Overlay
Soft Light
Hard Light
Vivid Light
Linear Light
Pin Light
Hard Mix
Difference
Exclusion
Subtract
Divide
Hue
Saturation
Color
Luminosity
Top layer opacity
100%
Overlay
Contrast
Name of this mode in other apps
Photoshop
Procreate
Krita
CSS
Download PNG
Copy CSS
Every mode on these layers
All 25
Darken
Lighten
Contrast
Inversion
Component
Multiply
Darken
Darken
Darken
Color Burn
Darken
Linear Burn
Darken
Darker Color
Darken
Screen
Lighten
Lighten
Lighten
Color Dodge
Lighten
Linear Dodge (Add)
Lighten
Lighter Color
Lighten
Overlay
Contrast
Soft Light
Contrast
Hard Light
Contrast
Vivid Light
Contrast
Linear Light
Contrast
Pin Light
Contrast
Hard Mix
Contrast
Difference
Inversion
Exclusion
Inversion
Subtract
Inversion
Divide
Inversion
Hue
Component
Saturation
Component
Color
Component
Luminosity
Component
Layer Blend Mode Previewer by ArtsInterstices