Free Color Mixer & Blender

Mix two or more colors with adjustable ratios, multiple blending modes (normal, multiply, screen, overlay), gradient generation, and CSS variable export. Supports HEX, RGB, and HSL input. 100% client-side, no signup required.

Input Colors2 colors
Color 1: 50% Color 2: 50%
Mixed ResultNormal
#808080
HEX #808080
RGB rgb(128, 128, 128)
HSL hsl(0, 0%, 50%)
RGBA rgba(128, 128, 128, 1)

Color History

Gradient Between Colors

background: linear-gradient(90deg, #000000, #ffffff);
7

CSS Variable Export

:root { --mixed-color: #808080; }

Need something more powerful?

Let us build it for you. Custom APIs, dashboards, automations — whatever you need.

Start a Project →
Founding Member

Get NexTool Pro

No banners, clean output, enhanced features on all 150+ tools. One-time payment.

$29 — Get Pro Browse 150+ Free Tools →