Analogous olive and green linear swatches

Linear swatches, 32 colors at 90°: #aea754, #979946, #7b8638, #617632, #4c662e. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#aea754
#aca653
#aaa551
#a7a350
#a4a14e
#a19f4c
#9e9d4a
#9b9b48
#979946
#949643
#909441
#8c923f
#888f3d
#858d3c
#818b3a
#7e8839
#7b8638
#778437
#748236
#707f35
#6c7d34
#687b33
#657833
#617632
#5e7331
#5a7131
#576f30
#546d30
#526b2f
#4f692f
#4d682e
#4c662e

CSS

background: linear-gradient(90deg, oklch(71.65% 0.1061 104.77) 0.000% 3.125%, oklch(71.23% 0.1061 105.18) 3.125% 6.250%, oklch(70.71% 0.1061 105.68) 6.250% 9.375%, oklch(70.12% 0.1062 106.25) 9.375% 12.500%, oklch(69.45% 0.1062 106.89) 12.500% 15.625%, oklch(68.73% 0.1063 107.58) 15.625% 18.750%, oklch(67.96% 0.1064 108.32) 18.750% 21.875%, oklch(67.14% 0.1064 109.11) 21.875% 25.000%, oklch(66.30% 0.1065 109.93) 25.000% 28.125%, oklch(65.43% 0.1064 110.77) 28.125% 31.250%, oklch(64.54% 0.1064 111.64) 31.250% 34.375%, oklch(63.65% 0.1063 112.51) 34.375% 37.500%, oklch(62.77% 0.1061 113.39) 37.500% 40.625%, oklch(61.90% 0.1058 114.27) 40.625% 43.750%, oklch(61.05% 0.1055 115.13) 43.750% 46.875%, oklch(60.24% 0.1050 115.98) 46.875% 50.000%, oklch(59.45% 0.1044 116.81) 50.000% 53.125%, oklch(58.63% 0.1037 117.69) 53.125% 56.250%, oklch(57.76% 0.1027 118.64) 56.250% 59.375%, oklch(56.87% 0.1017 119.62) 59.375% 62.500%, oklch(55.96% 0.1005 120.63) 62.500% 65.625%, oklch(55.05% 0.0993 121.67) 65.625% 68.750%, oklch(54.13% 0.0980 122.70) 68.750% 71.875%, oklch(53.22% 0.0967 123.73) 71.875% 75.000%, oklch(52.34% 0.0954 124.74) 75.000% 78.125%, oklch(51.49% 0.0941 125.71) 78.125% 81.250%, oklch(50.69% 0.0928 126.64) 81.250% 84.375%, oklch(49.93% 0.0917 127.51) 84.375% 87.500%, oklch(49.24% 0.0906 128.30) 87.500% 90.625%, oklch(48.62% 0.0896 129.01) 90.625% 93.750%, oklch(48.08% 0.0888 129.63) 93.750% 96.875%, oklch(47.64% 0.0882 130.13) 96.875% 100.000%);

In these collections

Green gradients