#6366F1
#F59E0B
Mix ratio
50% A / 50% B
#AC8230
5-step gradient palette
Click any palette swatch to copy its HEX.
Frequently asked questions
How does the color mixer work?
It interpolates between the red, green and blue channels of your two colors. At 50% you get the exact midpoint; move the slider to weight the mix toward either color.
What is the 5-step gradient palette?
Five evenly spaced colors between color A (0%) and color B (100%). Click any swatch to copy its HEX code for use in your designs.
Can I copy the result?
Yes. Press Copy result HEX, or click any palette swatch to copy that color.
Preview
Related free tools
Free CSS Button Generator | Style Buttons Online
Free CSS button generator. Customize colors, padding, and radius with live preview, then c
Free HEX RGB HSL Color Converter
Free color converter. Convert between HEX, RGB and HSL instantly, preview the color and co
Free Color Contrast Checker | WCAG Accessibility Tool
Free color contrast checker. Test text and background colors against WCAG AA and AAA stand