CSS Color Mixer Generator

Generate the perfect color for your design. Mix two colors, adjust combinations, and preview in real-world scenarios.

Color 1

Color 2

Mix Amount

44%

Mixed Color

#2f2c31

Color Preview

This is how your color looks as text on a background.

Text on Color Background

This box has a border with the mixed color.

This box has a gradient using both colors.