Calculators Converters Image Tools Text Tools Generators Developer Tools CSS Tools Color Tools Social Media Tools

Calculators Converters Image Tools Text Tools Generators Developer Tools CSS Tools Color Tools Social Media Tools

Language

🇬🇧English 🇩🇪Deutsch 🇯🇵日本語 🇪🇸Español 🇫🇷Français

Theme

Loading...

1MTools

200+ Free Online Tools

Tools

Calculators
Converters
Image Tools
Text Tools
Generators
Developer Tools
CSS Tools
Color Tools
Social Media Tools
other

Company

About
Privacy Policy
Terms of Service
Contact

© 2026 1M Tools. All rights reserved.

All Tools241

Home
Color Tools
Color Mixer - Mix Two Colors with Custom Ratio

Color Mixer - Mix Two Colors with Custom Ratio

Mix two colors together with a custom ratio using RGB linear interpolation

Color Tools

Tool

Color 1

#6366f1

Color 2

#ec4899

Mix Ratio: 50%(0% = Color 1, 100% = Color 2)

Color 1Color 2

Mixed Result

HEX

#a857c5

RGB

rgb(168, 87, 197)

HSL

hsl(284, 49%, 56%)

How to Use

1Pick your first color using the color picker
2Pick your second color
3Adjust the mix ratio slider
4Copy the resulting color in HEX, RGB, or HSL format

Frequently Asked Questions

Colors are mixed using linear interpolation in RGB space: result = color1 × (1 - ratio) + color2 × ratio.

A 50% ratio produces an equal blend of both colors. 0% gives you color 1, and 100% gives you color 2.

Related Tools

Color Shades Generator - Generate Dark Shades of Any Color

Color Tints Generator - Generate Light Tints of Any Color

Color Picker - HEX, RGB & HSL Color Converter Online