# Spectrum bands return to green

Rainbow linear gradient with 40 colors: #3b5919, #3d5e1e, #416624, #45702c, #487b35, #49863f, #45904b, #3a9959, #1e9f68, #00a07c, #009e8d, #009a9c, #0095a8, #008eb5, #0086c6, #307dcf, #4974d2, #596cd5, #6764d6, #725ad7, #7c51d6, #8647d2, #8f3cca, #9732be, #9c28ac, #9c2096, #981a7e, #911867, #881953, #821d42, #7e2235, #7f2a2b, #873622, #964714, #a56000, #b27d00, #bc9b00, #bfb916, #bbd340, #b3e65c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow linear gradient
- Seed: `kYbEZdTzFDEm2zBCzcbNSrH-2_y-`
- Page: https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-?steps=40&angle=180
- Drawn as: linear gradient, 40 steps, 180 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.6 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#3b5919` | `oklch(42.52% 0.0965 130.78)` | Lustrian Undergrowth | white, 8 to 1 |
| 2 | `#3d5e1e` | `oklch(44.26% 0.0997 132.34)` | Rainforest Matcha | white, 7.4 to 1 |
| 3 | `#416624` | `oklch(46.76% 0.1042 133.82)` | Radical Green | white, 6.6 to 1 |
| 4 | `#45702c` | `oklch(49.75% 0.1096 135.56)` | Druid Green | white, 5.8 to 1 |
| 5 | `#487b35` | `oklch(52.96% 0.1154 137.85)` | Luscious Lemongrass | white, 5 to 1 |
| 6 | `#49863f` | `oklch(56.10% 0.1213 141.01)` | Level Up | black, 4.7 to 1 |
| 7 | `#45904b` | `oklch(58.90% 0.1269 145.37)` | Park Picnic | black, 5.3 to 1 |
| 8 | `#3a9959` | `oklch(61.08% 0.1319 151.22)` | Alpine Herbs | black, 5.8 to 1 |
| 9 | `#1e9f68` | `oklch(62.39% 0.1357 158.92)` | Biel-Tan Green | black, 6.2 to 1 |
| 10 | `#00a07c` | `oklch(62.88% 0.1256 169.22)` | Sport Green | black, 6.3 to 1 |
| 11 | `#009e8d` | `oklch(62.76% 0.1125 181.84)` | Flamboyant Teal | black, 6.2 to 1 |
| 12 | `#009a9c` | `oklch(62.20% 0.1060 196.03)` | Riviera Paradise | black, 6.1 to 1 |
| 13 | `#0095a8` | `oklch(61.33% 0.1065 211.01)` | Brilliant | black, 5.8 to 1 |
| 14 | `#008eb5` | `oklch(60.30% 0.1153 226.02)` | Spinnaker Blue | black, 5.5 to 1 |
| 15 | `#0086c6` | `oklch(59.24% 0.1364 240.30)` | Water Raceway | black, 5.2 to 1 |
| 16 | `#307dcf` | `oklch(58.31% 0.1475 253.07)` | Soothing Sapphire | black, 4.9 to 1 |
| 17 | `#4974d2` | `oklch(57.63% 0.1525 263.70)` | Cornflower | black, 4.7 to 1 |
| 18 | `#596cd5` | `oklch(57.02% 0.1608 272.69)` | Cornflower | white, 4.6 to 1 |
| 19 | `#6764d6` | `oklch(56.43% 0.1714 280.55)` | Exodus Fruit | white, 4.8 to 1 |
| 20 | `#725ad7` | `oklch(55.83% 0.1830 287.61)` | Astro Purple | white, 5 to 1 |
| 21 | `#7c51d6` | `oklch(55.18% 0.1945 294.21)` | Aconite Purple | white, 5.2 to 1 |
| 22 | `#8647d2` | `oklch(54.47% 0.2043 300.70)` | Thick Purple | white, 5.4 to 1 |
| 23 | `#8f3cca` | `oklch(53.68% 0.2112 307.41)` | Dreamscape Purple | white, 5.7 to 1 |
| 24 | `#9732be` | `oklch(52.76% 0.2140 314.68)` | Purple Vanity | white, 5.9 to 1 |
| 25 | `#9c28ac` | `oklch(51.56% 0.2110 322.62)` | Pink Spyro | white, 6.3 to 1 |
| 26 | `#9c2096` | `oklch(49.59% 0.2016 330.52)` | Acai Juice | white, 6.8 to 1 |
| 27 | `#981a7e` | `oklch(47.16% 0.1876 338.41)` | Haunted Purple | white, 7.5 to 1 |
| 28 | `#911867` | `oklch(44.64% 0.1709 346.47)` | Romantic Vampire | white, 8.3 to 1 |
| 29 | `#881953` | `oklch(42.41% 0.1536 354.83)` | Violettuce | white, 9 to 1 |
| 30 | `#821d42` | `oklch(40.87% 0.1377 3.65)` | Burgundy Orchid | white, 9.5 to 1 |
| 31 | `#7e2235` | `oklch(40.38% 0.1251 13.10)` | Suō | white, 9.6 to 1 |
| 32 | `#7f2a2b` | `oklch(41.34% 0.1178 23.31)` | Sundried Tomato | white, 9.2 to 1 |
| 33 | `#873622` | `oklch(44.23% 0.1170 34.95)` | Kofta Brown | white, 8.1 to 1 |
| 34 | `#964714` | `oklch(49.15% 0.1211 48.64)` | All the Leaves Are Brown | white, 6.5 to 1 |
| 35 | `#a56000` | `oklch(55.48% 0.1260 63.54)` | Raw Umber | white, 4.9 to 1 |
| 36 | `#b27d00` | `oklch(62.58% 0.1301 78.87)` | Golden Brown | black, 5.7 to 1 |
| 37 | `#bc9b00` | `oklch(69.84% 0.1431 93.73)` | Perennial | black, 7.8 to 1 |
| 38 | `#bfb916` | `oklch(76.62% 0.1605 107.26)` | Olive Yellow | black, 10.1 to 1 |
| 39 | `#bbd340` | `oklch(82.29% 0.1693 118.60)` | Mossy Shining Gold | black, 12.5 to 1 |
| 40 | `#b3e65c` | `oklch(86.22% 0.1750 126.91)` | Inchworm | black, 14.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #3b5919 0.0%, #3d5e1e 2.6%, #416624 5.1%, #45702c 7.7%, #487b35 10.3%, #49863f 12.8%, #45904b 15.4%, #3a9959 17.9%, #1e9f68 20.5%, #00a07c 23.1%, #009e8d 25.6%, #009a9c 28.2%, #0095a8 30.8%, #008eb5 33.3%, #0086c6 35.9%, #307dcf 38.5%, #4974d2 41.0%, #596cd5 43.6%, #6764d6 46.2%, #725ad7 48.7%, #7c51d6 51.3%, #8647d2 53.8%, #8f3cca 56.4%, #9732be 59.0%, #9c28ac 61.5%, #9c2096 64.1%, #981a7e 66.7%, #911867 69.2%, #881953 71.8%, #821d42 74.4%, #7e2235 76.9%, #7f2a2b 79.5%, #873622 82.1%, #964714 84.6%, #a56000 87.2%, #b27d00 89.7%, #bc9b00 92.3%, #bfb916 94.9%, #bbd340 97.4%, #b3e65c 100.0%);
background: linear-gradient(180deg in oklch, oklch(42.52% 0.0965 130.78) 0.0%, oklch(44.26% 0.0997 132.34) 2.6%, oklch(46.76% 0.1042 133.82) 5.1%, oklch(49.75% 0.1096 135.56) 7.7%, oklch(52.96% 0.1154 137.85) 10.3%, oklch(56.10% 0.1213 141.01) 12.8%, oklch(58.90% 0.1269 145.37) 15.4%, oklch(61.08% 0.1319 151.22) 17.9%, oklch(62.39% 0.1357 158.92) 20.5%, oklch(62.88% 0.1256 169.22) 23.1%, oklch(62.76% 0.1125 181.84) 25.6%, oklch(62.20% 0.1060 196.03) 28.2%, oklch(61.33% 0.1065 211.01) 30.8%, oklch(60.30% 0.1153 226.02) 33.3%, oklch(59.24% 0.1364 240.30) 35.9%, oklch(58.31% 0.1475 253.07) 38.5%, oklch(57.63% 0.1525 263.70) 41.0%, oklch(57.02% 0.1608 272.69) 43.6%, oklch(56.43% 0.1714 280.55) 46.2%, oklch(55.83% 0.1830 287.61) 48.7%, oklch(55.18% 0.1945 294.21) 51.3%, oklch(54.47% 0.2043 300.70) 53.8%, oklch(53.68% 0.2112 307.41) 56.4%, oklch(52.76% 0.2140 314.68) 59.0%, oklch(51.56% 0.2110 322.62) 61.5%, oklch(49.59% 0.2016 330.52) 64.1%, oklch(47.16% 0.1876 338.41) 66.7%, oklch(44.64% 0.1709 346.47) 69.2%, oklch(42.41% 0.1536 354.83) 71.8%, oklch(40.87% 0.1377 3.65) 74.4%, oklch(40.38% 0.1251 13.10) 76.9%, oklch(41.34% 0.1178 23.31) 79.5%, oklch(44.23% 0.1170 34.95) 82.1%, oklch(49.15% 0.1211 48.64) 84.6%, oklch(55.48% 0.1260 63.54) 87.2%, oklch(62.58% 0.1301 78.87) 89.7%, oklch(69.84% 0.1431 93.73) 92.3%, oklch(76.62% 0.1605 107.26) 94.9%, oklch(82.29% 0.1693 118.60) 97.4%, oklch(86.22% 0.1750 126.91) 100.0%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.096 | 130.8 |
| 2 | 0.622 | 0.135 | 157.2 |
| 3 | 0.579 | 0.15 | 259.7 |
| 4 | 0.524 | 0.214 | 317.8 |
| 5 | 0.417 | 0.117 | 385.5 |
| 6 | 0.862 | 0.175 | 486.9 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

- [JSON](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.json?steps=40&angle=180)
- [PNG](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.png?steps=40&angle=180)
- [SVG](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.svg?steps=40&angle=180)
- [CSS](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.css?steps=40&angle=180)
- [ASE](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.ase?steps=40&angle=180)
- [GPL](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.gpl?steps=40&angle=180)
- [GRD](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.grd?steps=40&angle=180)
- [Design tokens](https://grabient.com/kYbEZdTzFDEm2zBCzcbNSrH-2_y-.tokens.json?steps=40&angle=180)
- [Social card](https://grabient.com/api/og?seed=kYbEZdTzFDEm2zBCzcbNSrH-2_y-&steps=40&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kYbEZdTzFDEm2zBCzcbNSrH-2_y-)
- [Guide for agents](https://grabient.com/llms.txt)