4 min read
2026-02-02
When blending complementary colors (e.g., red and green), intermediate shades can look murky. Add a third accent color.
Blending in HSL space produces more saturated intermediate colors than RGB.
Blend the main color with white (tint) and black (shade) to create a full shade scale.
Every intermediate shade should pass the contrast check for text elements.
3-5 steps are enough for most gradients. Too many steps create visual noise.
See also: Image Colors, Tailwind CSS Colors