Color Mixer – Blend HEX & RGB Colors

Blend two colors by percentage, preview the mix, copy HEX or RGB codes and save palettes locally.

Color Mixer is a digital color blender for two HEX or RGB colors. Adjust their proportions, compare sRGB and linear-light mixing, and see the result as a live swatch before copying its color code. You can also build a small palette between the two colors and save useful mixes locally for later work. 🎨 Set two colors and their proportions 1. Use the system color picker or enter a three- or six-digit HEX color. RGB input accepts common comma-separated and space-separated forms, including percentage channels. 2. Set each color's weight from 0 to 100 percent; the other weight updates so the pair always totals 100 percent. Numeric fields accept two decimal places, while the slider moves in whole-percent steps. Swap exchanges the colors and reverses their proportions, preserving the same resulting mix. ⚖️ Compare two digital mixing methods • sRGB average mixes the encoded RGB channel values directly. • Linear-light RGB first converts those values to light intensity before combining them. The two methods can produce visibly different middle colors even with the same inputs and weights. Switch between them to inspect which digital result suits your design. These are mathematical color models, not a prediction of how real paint, ink, dyes or pigments will behave when physically mixed. 📋 Copy the result in a useful notation The result has separate copy controls for HEX, RGB, HSL, HSB and CMYK. • HEX and RGB use whole channel values; the other displayed formats are rounded to one decimal place. • HSB uses the HSV model. • The CMYK values are calculated directly from RGB without a printer profile, so they are a generic conversion rather than a print proof. Copy the notation expected by your design tool or stylesheet while keeping the same mixed color as the source. 🌈 Build a palette between the colors 1. Choose a ramp with 5, 7, 9 or 11 steps. Each swatch shows a different proportion between the two endpoints, using the selected mixing method. 2. Copy a single shade, the full palette or the CSS gradient. The gradient includes its color space so the selected interpolation method is explicit. Palette proportions have readable labels, including an approximation mark when needed. Use a light or dark endpoint to explore tints or shades, or compare a progression between two existing project colors. 💾 Save mixes and return to them Save a mix to the local collection beneath the result. A saved entry restores its two colors, exact weights, method and palette step count, letting you compare earlier choices without entering them again. • The current settings are also retained locally. • Saved collections synchronize between open tabs of the extension, and deletion offers Undo. There is no artificial count limit for saved mixes, although the browser's local storage remains finite. Saving is useful for keeping alternatives while you work through a color decision. 💻 A focused local color workspace The extension opens in a separate Chrome tab and works offline. It does not upload colors or require an account, analytics service or access to the websites you visit. Its storage permission is used for local settings and saved mixes. Inputs, weights and palette controls are keyboard accessible, and invalid values receive feedback before they become a usable mix. This tool combines the two color values you provide; it does not sample a web page, extract a palette from an image or select a full color scheme automatically. Use the copied values in your own workflow and keep the combinations that suit the project.