Tool capabilities
- Input
- Options
- Output
- CSS · Options
How to use Color Mixer
Mix two colors by weight in encoded sRGB or linear-light sRGB with live swatches.
- Change the colors, text or numeric controls above.
- Compare the preview as you adjust the controls.
- Copy the output or download it to your device.
Color Mixer · Example
Input
{
"weight": 50,
"a": "#5265d8",
"b": "#ffffff",
"mode": "srgb"
}Output
#a9b2ec
Mix two colors by weight in encoded sRGB or linear-light sRGB with live swatches.
Usage notes
Inputs and results are processed on this device. Tool content is not sent to a processing server.
Encoded sRGB and linear-light mixing produce different colors. The weight applies to color B.