Emerald and chartreuse angular gradient

Seamless dark green and green color palette

Deep pine green rises through emerald and bright green into vivid chartreuse, then returns through softer green to its dark pine beginning. Angular gradient, 24 colors at 135°: #10251e, #037b5c, #74dc5e, #81ca44, #10251e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#10251e
#112d24
#12392d
#124738
#105844
#0b6a50
#037b5c
#008c65
#069a6b
#1dab6f
#39bc6e
#56cd69
#74dc5e
#8de650
#9fea41
#a5e938
#9ade3a
#81ca44
#60ae4a
#408e49
#266d42
#194e36
#133528
#10251e

CSS

background: conic-gradient(from 135deg in oklch, oklch(24.41% 0.0303 170.16) 0.0%, oklch(27.32% 0.0383 169.85) 4.3%, oklch(31.29% 0.0490 169.67) 8.7%, oklch(36.02% 0.0618 169.46) 13.0%, oklch(41.22% 0.0760 169.08) 17.4%, oklch(46.58% 0.0906 168.38) 21.7%, oklch(51.81% 0.1051 167.21) 26.1%, oklch(56.63% 0.1184 165.41) 30.4%, oklch(60.83% 0.1308 162.80) 34.8%, oklch(65.54% 0.1449 158.49) 39.1%, oklch(70.71% 0.1606 152.85) 43.5%, oklch(75.84% 0.1764 146.57) 47.8%, oklch(80.41% 0.1906 140.35) 52.2%, oklch(83.90% 0.2018 134.87) 56.5%, oklch(85.82% 0.2082 130.85) 60.9%, oklch(85.65% 0.2083 128.97) 65.2%, oklch(82.68% 0.2000 129.91) 69.6%, oklch(76.48% 0.1822 133.60) 73.9%, oklch(67.94% 0.1573 139.28) 78.3%, oklch(58.04% 0.1285 146.16) 82.6%, oklch(47.76% 0.0985 153.47) 87.0%, oklch(38.07% 0.0702 160.43) 91.3%, oklch(29.97% 0.0465 166.25) 95.7%, oklch(24.41% 0.0303 170.16) 100.0%);

In these collections

Hero section gradients