Image tool

Color Blender

Blend 2–5 colors with adjustable weights and copy the resulting HEX value.

In-browser processingNo account requiredPrivacy details ↗

Seven-step gradient

A QUICK WALKTHROUGH

How to use this tool

  1. Choose colors and set each weight.
  2. Review the blended preview and HEX output.
  3. Copy the result for use in your design.

Weighted RGB blend

The browser combines red, green, and blue channels using the normalized weights, then rounds each channel. The seven-step gradient uses only the first two colors, independently of weights.

Local processing

Colors and weights stay in this browser; nothing is uploaded.

GOOD TO KNOW

Common questions

How many colors can I blend?

Use two to five colors.

Are weights normalized?

When the total weight is positive, contributions are normalized to 100%. All-zero weights produce black.