Color Mixer
Blend two colors at any ratio. Drag the slider to shift the mix and see the result in real time.
100% client-side · no upload
Mixed result
#ac5298 RGB
rgb(172, 82, 152) HSL
hsl(311, 36%, 50%) How to use
- Pick or type Color A (left) and Color B (right).
- Drag the slider to set the mix ratio — 0% is pure A, 100% is pure B.
- Copy the resulting hex code with the Copy button.
Related color tools
- Tints & Shades Generator — mix with white or black
- Complementary Color Finder — find opposite hues
- HEX to RGB Converter — decompose a color into components
よくある質問
- Is this color mixer free?
- Yes, completely free with no signup and no usage limits.
- Does my color data leave my device?
- No. All blending runs in JavaScript inside your browser. Nothing is sent to any server.
- Does it work on mobile?
- Yes. The tool is mobile-first and works on iPhone Safari and Android Chrome.