Frequently Asked Questions about mixing 2 colors → #808080
The mixed result of your 2 colors is #808080, identified as "Gray".
It is a medium, neutral color with:
• H: 0°
• S: 0%
• L: 50%
• Relative luminance: 0.216
This is the final color produced by the mixer's weighted RGB blending process.
The current normalized weight distribution is:
FFFFFF × 50% + 000000 × 50% = #808080
The percentages describe each color's normalized share of the total weight.
The actual color calculation uses the mixer's weighted RGB blending process. If the implementation blends colors sequentially, the order of the input colors can affect the final RGB result.
This mixer uses weighted RGB color blending.
The process works with the RGB channels of each input color rather than simulating physical paint or additive light.
Conceptually:
1. Each color has a numeric weight.
2. The weights determine the relative contribution of each color.
3. RGB channel values are combined according to those weighted contributions.
4. The resulting RGB channels are converted back into a HEX color.
The percentages shown in the interface describe the normalized weight distribution.
If the underlying mixer performs the blending sequentially, changing the order of the colors can also change the final result. This is different from a simple order-independent weighted average.
FFFFFF has the largest normalized share at 50%.
It therefore has the largest individual contribution to the mix.
To move the result toward another color, increase that color's weight or reduce the dominant color's weight.
Weights are relative.
For example, weights:
1 : 1 : 2
have the same proportions as:
0.5 : 0.5 : 1
Both represent:
25% / 25% / 50%
The important factor is the ratio between the weights, not their absolute scale.
However, the exact final color also depends on the RGB blending method used by the mixer.
Each percentage represents that color's normalized share of the total input weight.
For 2 colors, the displayed percentages currently add up to 100%.
The UI may use integer rounding when displaying percentages. If the implementation uses a largest-remainder allocation, the displayed integer percentages can be made to sum exactly to 100%.
Mixing several different RGB colors can move the final result toward less saturated colors.
When colors from different hue regions contribute similar amounts, their RGB channel values can converge toward neutral or muted colors such as gray, brown, olive, or other desaturated tones.
This is normal behavior for RGB interpolation.
If you want a more vivid result, try using fewer colors or adjusting their weights so one or more colors have a stronger contribution.
No duplicates were found. All 2 input colors are unique.
For #808080 as a background:
• White text: 3.95:1
• Black text: 5.32:1
The stronger contrast is 5.32:1 with black text.
WCAG contrast checks for that stronger text/background combination:
• Normal text — AA (4.5:1): ✅ Pass
• Large text — AA (3:1): ✅ Pass
• Normal text — AAA (7:1): ❌ Fail
These checks describe the contrast between this background and the selected black or white text. Actual accessibility should be evaluated for the specific text size, weight, UI context, and foreground/background combination you intend to use.
Use the export controls in the Mix Breakdown section, if available.
Typical export options include:
• Copy Formula — FFFFFF × 50% + 000000 × 50% = #808080
• Copy Table — useful for spreadsheets or text editors
• Download CSV — useful for Excel or Google Sheets
• Download JSON — useful for structured data and code
The exported data can preserve the input colors, their weights or percentages, and the final result #808080.
Presets use predefined groups of colors and weights.
Different groups can produce very different results because RGB blending depends on the RGB channel values and relative contributions of the input colors.
For example:
• RGB-style combinations can move toward neutral colors when their channels balance.
• Warm multi-hue combinations can produce muted orange, brown, or olive-like results.
• Black and white combinations produce grayscale results.
Presets are starting points. Adjusting individual weights lets you steer the final result.
HEX and RGB are two representations of the same color.
For #808080:
• HEX: #808080
• RGB: rgb(128, 128, 128)
HEX uses hexadecimal notation and is commonly used in CSS and HTML.
RGB uses decimal values from 0 to 255 for the red, green, and blue channels.
Both representations describe the same RGB color.