The blue to black gradient runs from blue to black — every step with its hex code, plus the CSS to use it.
CSS: background: linear-gradient(90deg, #4361EE, #111111);
The gradient in five steps — use the middle shades as solid colors or stops:
0% #4361EE · RGB 67, 97, 238
25% #364DB7 · RGB 54, 77, 183
50% #2A3980 · RGB 42, 57, 128
75% #1E2548 · RGB 30, 37, 72
100% #111111 · RGB 17, 17, 17
Palettes from our collection in the same two color families:
Click any palette to open it, then click a color strip to copy its hex code. All palettes on Maroon Colors are free to use for personal and commercial projects.