Mix two colors in real time. Visualize the result in different blend modes: pigment (RYB), digital (RGB), screen, multiply. Get the HEX code of the mix.
Digital mixing (RGB) adds each channel's values then divides by 2 — the 'average' method. Screen mode simulates projected light (lighter result). Multiply mode simulates layered ink (darker result). Pigment mixing (RYB) imitates physical paint blending, giving more natural results. Each mode produces a different result, explore them all to find the ideal mix.
The mixer is ideal for creating smooth transitions between two palette colors, generating intermediate shades, or testing combinations before integrating them into your design. Copy the HEX code directly into Figma, Sketch or your CSS. Use the ratio slider to precisely fine-tune the balance between the two source colors.