Color Mixer
Blend two colors with a ratio slider and preview CSS blend modes.
Works Offline
Privacy First
No Login
No API
Colors
Result
#9a7b86
CSS blend-mode previews
normal
multiply
screen
overlay
darken
lighten
difference
exclusion
About the Color Mixer
Blend two colors together using a linear RGB interpolation ratio slider, and preview how the same pair looks under common CSS mix-blend-mode values like multiply, screen and overlay.
Examples
Blue + orange 50/50
#3b82f6, #f97316, 50%Output
#9d7d7dRelated tools
Color Blindness Simulator
Color
Simulate how a palette looks with common color vision deficiencies.
Color Converter
Color
Convert colors between HEX, RGB, HSL, HWB, OKLCH and CMYK.
Contrast Checker
Color
Check WCAG 2.1 contrast ratio between two colors.
Gradient Palette Extractor
Color
Extract and normalize colors from CSS gradients or lists.
Palette Generator
Color
Generate complementary, analogous, triadic and other palettes.
Random Color Generator
Color
Generate random colors and palettes with HSL constraints.
Frequently asked questions
Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser