Navy, deep teal and mustard sequential data

The Navy, deep teal and mustard sequential data brings together dark blue, blue, teal, green, and yellow. Linear gradient, 32 colors at 315°: #181634, #28456b, #1c8072, #4fb454, #dcea65. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#181634
#1a1938
#1d1d3e
#202345
#23294d
#263055
#28375d
#293e65
#28456b
#244c70
#1f5474
#195c75
#146375
#126b75
#147274
#197973
#1c8072
#1c8771
#1b8f6e
#1c976b
#229e66
#2ea660
#3dad5a
#4fb454
#64bb4e
#79c24c
#8eca4c
#a2d24f
#b5d955
#c5e05b
#d2e661
#dcea65

CSS

background: linear-gradient(315deg in oklch, oklch(22.05% 0.0565 284.77) 0.0%, oklch(23.35% 0.0580 282.89) 3.2%, oklch(25.10% 0.0600 280.75) 6.5%, oklch(27.18% 0.0624 278.21) 9.7%, oklch(29.48% 0.0650 275.17) 12.9%, oklch(31.89% 0.0677 271.51) 16.1%, oklch(34.31% 0.0704 267.11) 19.4%, oklch(36.61% 0.0728 261.86) 22.6%, oklch(38.69% 0.0749 255.61) 25.8%, oklch(40.66% 0.0760 247.76) 29.0%, oklch(42.58% 0.0764 238.49) 32.3%, oklch(44.49% 0.0766 228.31) 35.5%, oklch(46.38% 0.0770 217.69) 38.7%, oklch(48.28% 0.0781 207.15) 41.9%, oklch(50.20% 0.0803 197.18) 45.2%, oklch(52.15% 0.0842 188.27) 48.4%, oklch(54.15% 0.0902 180.80) 51.6%, oklch(56.13% 0.0992 174.21) 54.8%, oklch(58.10% 0.1103 168.29) 58.1%, oklch(60.10% 0.1226 162.90) 61.3%, oklch(62.13% 0.1352 157.93) 64.5%, oklch(64.22% 0.1469 153.25) 67.7%, oklch(66.41% 0.1569 148.74) 71.0%, oklch(68.70% 0.1641 144.28) 74.2%, oklch(71.21% 0.1679 139.78) 77.4%, oklch(74.10% 0.1692 135.30) 80.6%, oklch(77.19% 0.1685 130.94) 83.9%, oklch(80.34% 0.1664 126.81) 87.1%, oklch(83.38% 0.1637 123.02) 90.3%, oklch(86.14% 0.1608 119.65) 93.5%, oklch(88.45% 0.1584 116.82) 96.8%, oklch(90.16% 0.1571 114.63) 100.0%);

In these collections

Sequential data gradients