AbraCalc

Gray Color Shades — #808080, 10 Steps

Generate a complete 10-step neutral gray palette from mid-gray (#808080), covering off-white to near-black.

Embed this tool on your site

How to use this tool

  1. Enter your base hex color.
  2. Choose the number of steps (1–10) in each direction.
  3. The output lists tints (lighter), the base, then shades (darker).

A 10-step gray palette from #808080 gives a full neutral scale useful for typography, backgrounds, and borders.

Frequently asked questions

What is the difference between a tint and a shade?
A tint is a color mixed with white (lighter); a shade is a color mixed with black (darker). A tone mixes with grey.
How are the steps calculated?
Each step linearly interpolates the RGB channels toward white (for tints) or black (for shades) by an equal fraction.