Mix Hex
Mix two hex colors.
Linearly mixes two hex colors by percent toward B. Unlike Gradient Generator this returns one swatch. Bad hex fails.
What Mix Hex does
Linearly mixes two hex colors by percent toward B. Unlike Gradient Generator this returns one swatch. Bad hex fails.
Mix Hex sits in the Design group on purpose. It is not Lighten Hex (Lighten a hex color by percent.) and not Darken Hex (Darken a hex color by percent.). Choose this page when you need Mix two hex colors. If you stretch Mix Hex into a neighbor’s job, the result will look wrong even though the site chrome looks the same.
How to use Mix Hex
- Use Mix Hex for this design job (design · mix hex). Lighten Hex is adjacent (Lighten a hex color by percent.) but not the same.
- Add the file type Mix Hex accepts. Hint from the path: design · mix hex. Mix two hex colors.
- Set only the options that match Mix Hex. Neighbor Darken Hex does something else (Darken a hex color by percent.). Tool note: Linearly mixes two hex colors by percent toward B. Unlike Gradient Generator this returns one swatch. Bad hex fails.
- Run Mix Hex in this tab. Browser memory still applies: Two hex + mix %.
- Download or copy the result from Mix Hex. If it is the wrong job, open Lighten Hex instead.
When not to use Mix Hex
Skip Mix Hex when a neighbor tool matches better — start with Lighten Hex or Darken Hex — or when the description already warns the job will fail. In the tool’s own words: Linearly mixes two hex colors by percent toward B. Unlike Gradient Generator this returns one swatch. Bad hex fails.
Questions about Mix Hex
- What does Mix Hex do that other Design pages on this site do not?
- Linearly mixes two hex colors by percent toward B. Unlike Gradient Generator this returns one swatch. Bad hex fails. Short version: Mix two hex colors.
- Does Mix Hex upload my file or text to Tool-You servers?
- No. Mix Hex runs in this browser tab. Files stay on the device. Limit note: Two hex + mix %.
- Should I use Lighten Hex instead of Mix Hex?
- Use Mix Hex when you need Mix two hex colors. Use Lighten Hex when you need Lighten a hex color by percent. They share a category (Design) but not the same job.
- What are the limits of Mix Hex?
- Two hex + mix %. Also: Linearly mixes two hex colors by percent toward B. Unlike Gradient Generator this returns one swatch. Bad hex fails.