Crimson Amber Green Sweep

Neon red, orange and green color palette

This diagonal gradient begins in deep crimson, moves through scarlet, orange, amber, bright yellow, and chartreuse, then closes in vivid green. Linear gradient, 32 colors at 120°: #d30045, #f53b2b, #ff9a31, #ebc900, #72d52c. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d30045
#d60743
#d91042
#dd1740
#e21e3d
#e7253a
#eb2c36
#f03331
#f53b2b
#fa4322
#fd4c16
#ff580b
#ff660e
#ff7416
#ff8120
#ff8e29
#ff9a31
#ffa437
#ffad39
#ffb535
#ffbb23
#fcc000
#f5c500
#ebc900
#e0cc00
#d3ce00
#c4d000
#b4d100
#a2d300
#91d40a
#80d520
#72d52c

CSS

background: linear-gradient(120deg in oklch, oklch(55.12% 0.2204 15.48) 0.0%, oklch(55.77% 0.2207 16.57) 3.2%, oklch(56.58% 0.2212 17.83) 6.5%, oklch(57.53% 0.2219 19.27) 9.7%, oklch(58.60% 0.2227 20.90) 12.9%, oklch(59.76% 0.2234 22.74) 16.1%, oklch(61.01% 0.2239 24.79) 19.4%, oklch(62.32% 0.2240 27.09) 22.6%, oklch(63.68% 0.2237 29.63) 25.8%, oklch(65.07% 0.2228 32.43) 29.0%, oklch(66.46% 0.2212 35.51) 32.3%, oklch(67.92% 0.2146 38.92) 35.5%, oklch(69.61% 0.2031 42.73) 38.7%, oklch(71.49% 0.1917 46.90) 41.9%, oklch(73.47% 0.1808 51.36) 45.2%, oklch(75.48% 0.1713 56.05) 48.4%, oklch(77.45% 0.1635 60.92) 51.6%, oklch(79.30% 0.1581 65.90) 54.8%, oklch(80.96% 0.1559 70.94) 58.1%, oklch(82.34% 0.1578 75.96) 61.3%, oklch(83.39% 0.1654 80.92) 64.5%, oklch(84.02% 0.1720 85.78) 67.7%, oklch(84.21% 0.1721 91.00) 71.0%, oklch(84.02% 0.1731 96.58) 74.2%, oklch(83.55% 0.1752 102.37) 77.4%, oklch(82.85% 0.1789 108.22) 80.6%, oklch(82.01% 0.1843 113.97) 83.9%, oklch(81.11% 0.1915 119.47) 87.1%, oklch(80.22% 0.2005 124.57) 90.3%, oklch(79.41% 0.2092 129.11) 93.5%, oklch(78.76% 0.2134 132.95) 96.8%, oklch(78.35% 0.2163 135.94) 100.0%);

In these collections

Vivid multicolor gradients