Neutrals & tintsMakes light grey

What Does Gray and White Make?

Gray and White mixed evenly make light grey — #c0c0c0. Two neutrals with no hue between them, so the mix is a step in lightness only — how surface and border greys get chosen.

Gray#808080White#FFFFFF
50/50 mixLight grey#c0c0c0

How the mix changes with the ratio

25% White
50% White
75% White

Values for #c0c0c0

Hex
RGBrgb(192, 192, 192)
HSLhsl(0, 0%, 75%)
Contrast on white1.82:1
Contrast on black11.54:1
Closest named colorSilver (#C0C0C0)

Where this mix works

  • Borders and dividers
  • Card surfaces
  • Data tables

More color mixes

Gray and White mixed at 50/50 give light grey — #c0c0c0. Two neutrals with no hue between them, so the mix is a step in lightness only — how surface and border greys get chosen.

Frequently asked questions

Gray (#808080) and White (#FFFFFF) make light grey — #c0c0c0 — when mixed evenly. Weight the mix toward either color and the result travels along the line between them.

Good to know

  • The result is a straight 50/50 blend of #808080 and #FFFFFF in RGB.
  • Gray and White can also be mixed at any other ratio in the color mixer.
  • Both source colors have their own page: Gray (#808080) and White (#FFFFFF).

Mix your own colors

Blend Gray and White at any ratio, build a palette around the result, or check how readable the mix is as text.

From the blog