Blue Color Shades — #0000FF, 5 Steps
Generate a full palette of lighter and darker shades from pure blue (#0000FF) with 5 steps in each direction.
How to use this tool
- Enter your base hex color.
- Choose the number of steps (1–10) in each direction.
- The output lists tints (lighter), the base, then shades (darker).
A 5-step blue shade palette spans from near-white blue tints to deep navy tones, ideal for design systems.
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.