Navy, beige and yellow linear gradient

Linear gradient, 7 colors at 90°: #001354, #005968, #54b564, #f5dc49, #ffebb8, #ffe876, #f0e83b. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#001354
#005968
#54b564
#f5dc49
#ffebb8
#ffe876
#f0e83b

CSS

background: linear-gradient(90deg in oklch, oklch(23.25% 0.1190 263.15) 0.0%, oklch(42.64% 0.0750 214.19) 16.7%, oklch(69.35% 0.1476 147.16) 33.3%, oklch(88.98% 0.1612 99.17) 50.0%, oklch(94.43% 0.0687 89.24) 66.7%, oklch(92.80% 0.1369 98.32) 83.3%, oklch(90.94% 0.1791 106.57) 100.0%);

In these collections

Yellow and blue gradients