Navy, gray and pink linear gradient

Linear gradient, 7 colors at 90°: #0c235b, #164a75, #306f8b, #548d9b, #88a4a5, #b9b2ab, #ecb4a8. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#0c235b
#164a75
#306f8b
#548d9b
#88a4a5
#b9b2ab
#ecb4a8

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.1047 263.67) 0.0%, oklch(39.76% 0.0909 247.82) 16.7%, oklch(51.18% 0.0785 230.91) 33.3%, oklch(61.02% 0.0634 214.00) 50.0%, oklch(69.69% 0.0303 199.21) 66.7%, oklch(76.77% 0.0124 67.12) 83.3%, oklch(81.89% 0.0675 32.24) 100.0%);

In these collections

Pink and blue swatches