Navy, crimson and ochre cranberry bog harvest

The Navy, crimson and ochre cranberry bog harvest brings together blue, red, and orange. Linear gradient, 32 colors at 90°: #22437d, #3d284a, #7d3f2d, #b06f38, #b99b64. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#22437d
#244078
#263c71
#283768
#293260
#2c2e59
#2f2b53
#35294f
#3d284a
#452845
#4d293f
#542b39
#5a2e34
#613131
#69362f
#723a2e
#7d3f2d
#87452c
#904b2b
#97512a
#9e582b
#a5602e
#ab6733
#b06f38
#b5763d
#b87c42
#ba8347
#bb894d
#ba8f54
#ba945a
#b99860
#b99b64

CSS

background: linear-gradient(90deg in oklch, oklch(38.98% 0.1061 260.86) 0.0%, oklch(38.06% 0.1018 263.08) 3.2%, oklch(36.67% 0.0956 265.57) 6.5%, oklch(35.08% 0.0884 268.74) 9.7%, oklch(33.52% 0.0811 273.02) 12.9%, oklch(32.26% 0.0745 278.81) 16.1%, oklch(31.55% 0.0696 286.52) 19.4%, oklch(31.48% 0.0665 297.12) 22.6%, oklch(31.80% 0.0643 311.10) 25.8%, oklch(32.47% 0.0629 327.05) 29.0%, oklch(33.42% 0.0625 343.48) 32.3%, oklch(34.62% 0.0632 358.91) 35.5%, oklch(36.01% 0.0650 11.88) 38.7%, oklch(37.61% 0.0685 21.33) 41.9%, oklch(39.57% 0.0744 28.37) 45.2%, oklch(41.82% 0.0819 33.69) 48.4%, oklch(44.23% 0.0900 37.80) 51.6%, oklch(46.68% 0.0976 41.24) 54.8%, oklch(49.05% 0.1036 44.55) 58.1%, oklch(51.27% 0.1073 48.12) 61.3%, oklch(53.50% 0.1093 51.19) 64.5%, oklch(55.75% 0.1101 53.71) 67.7%, oklch(57.96% 0.1100 55.92) 71.0%, oklch(60.07% 0.1091 58.07) 74.2%, oklch(62.00% 0.1076 60.40) 77.4%, oklch(63.71% 0.1057 63.14) 80.6%, oklch(65.24% 0.1025 66.47) 83.9%, oklch(66.62% 0.0981 70.17) 87.1%, oklch(67.86% 0.0932 73.94) 90.3%, oklch(68.92% 0.0883 77.48) 93.5%, oklch(69.80% 0.0842 80.48) 96.8%, oklch(70.47% 0.0813 82.62) 100.0%);

In these collections

Cranberry bog harvest