# Rainbow linear gradient

Rainbow linear gradient with 32 colors: #439100, #2f8b30, #1e8248, #1c7657, #1f6b5e, #146365, #005c70, #025280, #2b458d, #433a92, #553297, #652d9e, #7429a4, #8325a7, #8f21a4, #9a20a1, #a2229c, #a92693, #ae2d84, #aa3872, #a04462, #944e56, #8b554d, #885a3f, #83612a, #736e16, #577b22, #398533, #208d37, #18952e, #259b16, #309f00. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kclH9hO5pFzQySy8ycQQsXC8CaxdFMEyTknAI`
- Page: https://grabient.com/kclH9hO5pFzQySy8ycQQsXC8CaxdFMEyTknAI?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.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 | `#439100` | `oklch(58.27% 0.1746 136.42)` | Pistachio Flour | black, 5.2 to 1 |
| 2 | `#2f8b30` | `oklch(56.35% 0.1553 143.36)` | Jade of Emeralds | black, 4.8 to 1 |
| 3 | `#1e8248` | `oklch(53.58% 0.1259 152.92)` | Veritably Verdant | white, 4.8 to 1 |
| 4 | `#1c7657` | `oklch(50.53% 0.0961 164.94)` | Greasy Greens | white, 5.5 to 1 |
| 5 | `#1f6b5e` | `oklch(47.79% 0.0754 179.26)` | Forest Rain | white, 6.3 to 1 |
| 6 | `#146365` | `oklch(45.73% 0.0719 196.56)` | Caribbean Swim | white, 6.9 to 1 |
| 7 | `#005c70` | `oklch(43.84% 0.0792 218.94)` | Brave New Teal | white, 7.6 to 1 |
| 8 | `#025280` | `oklch(42.25% 0.1015 243.24)` | Toy Submarine Blue | white, 8.2 to 1 |
| 9 | `#2b458d` | `oklch(41.21% 0.1225 265.88)` | Blue Oblivion | white, 8.9 to 1 |
| 10 | `#433a92` | `oklch(40.97% 0.1399 283.22)` | Royal Wisteria | white, 9.3 to 1 |
| 11 | `#553297` | `oklch(41.83% 0.1565 294.69)` | Blue Magenta Violet | white, 9.1 to 1 |
| 12 | `#652d9e` | `oklch(43.49% 0.1738 302.51)` | Rebecca Purple | white, 8.6 to 1 |
| 13 | `#7429a4` | `oklch(45.46% 0.1893 308.43)` | Fuchsia Nebula | white, 8 to 1 |
| 14 | `#8325a7` | `oklch(47.24% 0.2005 314.19)` | Noble Cause Purple | white, 7.5 to 1 |
| 15 | `#8f21a4` | `oklch(48.58% 0.2063 320.42)` | Minesweeper’s Purple | white, 7.1 to 1 |
| 16 | `#9a20a1` | `oklch(49.90% 0.2087 325.45)` | Purple Ink | white, 6.7 to 1 |
| 17 | `#a2229c` | `oklch(51.08% 0.2071 330.27)` | Purple Tone Ink | white, 6.4 to 1 |
| 18 | `#a92693` | `oklch(51.98% 0.2002 336.05)` | Magneto’s Magenta | white, 6.1 to 1 |
| 19 | `#ae2d84` | `oklch(52.43% 0.1866 343.82)` | Fandango | white, 6 to 1 |
| 20 | `#aa3872` | `oklch(52.21% 0.1597 352.35)` | Maximum Red Purple | white, 5.9 to 1 |
| 21 | `#a04462` | `oklch(51.60% 0.1254 1.90)` | Gooseberry | white, 6 to 1 |
| 22 | `#944e56` | `oklch(50.99% 0.0936 13.61)` | Crantini | white, 6 to 1 |
| 23 | `#8b554d` | `oklch(50.76% 0.0742 28.61)` | Toile Red | white, 6 to 1 |
| 24 | `#885a3f` | `oklch(51.10% 0.0731 49.73)` | Hope Chest | white, 5.8 to 1 |
| 25 | `#83612a` | `oklch(51.73% 0.0848 77.15)` | Bronze Brown | white, 5.6 to 1 |
| 26 | `#736e16` | `oklch(52.60% 0.1032 105.35)` | Brown Green | white, 5.3 to 1 |
| 27 | `#577b22` | `oklch(53.66% 0.1228 128.75)` | Master Chief | white, 4.9 to 1 |
| 28 | `#398533` | `oklch(54.91% 0.1389 142.16)` | Mountain Meadow Green | white, 4.6 to 1 |
| 29 | `#208d37` | `oklch(56.60% 0.1566 146.31)` | Viper Green | black, 4.9 to 1 |
| 30 | `#18952e` | `oklch(58.50% 0.1750 144.97)` | Irish Green | black, 5.3 to 1 |
| 31 | `#259b16` | `oklch(60.23% 0.1912 141.66)` | Sacro Bosco | black, 5.7 to 1 |
| 32 | `#309f00` | `oklch(61.42% 0.1975 139.94)` | Grassy Green | black, 6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #439100 0.0%, #2f8b30 3.2%, #1e8248 6.5%, #1c7657 9.7%, #1f6b5e 12.9%, #146365 16.1%, #005c70 19.4%, #025280 22.6%, #2b458d 25.8%, #433a92 29.0%, #553297 32.3%, #652d9e 35.5%, #7429a4 38.7%, #8325a7 41.9%, #8f21a4 45.2%, #9a20a1 48.4%, #a2229c 51.6%, #a92693 54.8%, #ae2d84 58.1%, #aa3872 61.3%, #a04462 64.5%, #944e56 67.7%, #8b554d 71.0%, #885a3f 74.2%, #83612a 77.4%, #736e16 80.6%, #577b22 83.9%, #398533 87.1%, #208d37 90.3%, #18952e 93.5%, #259b16 96.8%, #309f00 100.0%);
background: linear-gradient(45deg in oklch, oklch(58.27% 0.1746 136.42) 0.0%, oklch(56.35% 0.1553 143.36) 3.2%, oklch(53.58% 0.1259 152.92) 6.5%, oklch(50.53% 0.0961 164.94) 9.7%, oklch(47.79% 0.0754 179.26) 12.9%, oklch(45.73% 0.0719 196.56) 16.1%, oklch(43.84% 0.0792 218.94) 19.4%, oklch(42.25% 0.1015 243.24) 22.6%, oklch(41.21% 0.1225 265.88) 25.8%, oklch(40.97% 0.1399 283.22) 29.0%, oklch(41.83% 0.1565 294.69) 32.3%, oklch(43.49% 0.1738 302.51) 35.5%, oklch(45.46% 0.1893 308.43) 38.7%, oklch(47.24% 0.2005 314.19) 41.9%, oklch(48.58% 0.2063 320.42) 45.2%, oklch(49.90% 0.2087 325.45) 48.4%, oklch(51.08% 0.2071 330.27) 51.6%, oklch(51.98% 0.2002 336.05) 54.8%, oklch(52.43% 0.1866 343.82) 58.1%, oklch(52.21% 0.1597 352.35) 61.3%, oklch(51.60% 0.1254 1.90) 64.5%, oklch(50.99% 0.0936 13.61) 67.7%, oklch(50.76% 0.0742 28.61) 71.0%, oklch(51.10% 0.0731 49.73) 74.2%, oklch(51.73% 0.0848 77.15) 77.4%, oklch(52.60% 0.1032 105.35) 80.6%, oklch(53.66% 0.1228 128.75) 83.9%, oklch(54.91% 0.1389 142.16) 87.1%, oklch(56.60% 0.1566 146.31) 90.3%, oklch(58.50% 0.1750 144.97) 93.5%, oklch(60.23% 0.1912 141.66) 96.8%, oklch(61.42% 0.1975 139.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.175 | 136.4 |
| 2 | 0.469 | 0.072 | 186.1 |
| 3 | 0.409 | 0.138 | 281.2 |
| 4 | 0.476 | 0.203 | 316.1 |
| 5 | 0.524 | 0.192 | 341.4 |
| 6 | 0.508 | 0.073 | 391.1 |
| 7 | 0.543 | 0.132 | 497.8 |
| 8 | 0.614 | 0.203 | 499.9 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)
- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

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