Layer Blend Color Mixer

Preview eight blend modes and opacity for two opaque colors.

Try an example: A gentle green multiply tint

How it works

Mix a source HEX color over a backdrop using normal, multiply, screen, overlay, darken, lighten, difference or exclusion. Calculate the final sRGB color at a chosen layer opacity.

Separable blend formulas operate on normalized sRGB channel values. Source-over with an opaque backdrop is (1 − opacity) × backdrop + opacity × blend(backdrop,source).
Results round to 8-bit RGB. This calculator assumes opaque colors; image layer alpha is additionally handled by the browser compositor.

Sources

W3C Compositing and Blending Level 1 (W3C)

For scripts and AI agents

JSON API: POST https://luminablendmixer.usefulweb.site/api/v1/calculate (same calculation as this page)
Interface description: OpenAPI 3.1 · AI guide: llms.txt
MCP server (Streamable HTTP): https://luminablendmixer.usefulweb.site/mcp · tool name lumina_blend_mixer

Example request

curl -s -X POST https://luminablendmixer.usefulweb.site/api/v1/calculate \
  -H 'content-type: application/json' \
  -d '{"backdrop":"#c8d6bd","source":"#426a60","opacity":60,"mode":"multiply"}'