# Green magenta orange rainbow

Rainbow linear gradient with 32 colors: #00bb86, #45b668, #75ac34, #9f9a00, #b98600, #d16e00, #e34d34, #e03f66, #d73b87, #cd3a9d, #c439ac, #bc38b7, #b538c0, #ae3ac8, #a63ed2, #9b46dd, #8a53e9, #7464f2, #5577f5, #288af0, #009add, #00a5cd, #00aec3, #00b4b9, #21b7af, #33b7a5, #3cb79c, #41b693, #44b58b, #46b384, #49b27d, #4db178. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow linear gradient
- Seed: `kWsmx1TUksUnPuTZK7N1y47I`
- Page: https://grabient.com/kWsmx1TUksUnPuTZK7N1y47I?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.9 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 | `#00bb86` | `oklch(70.08% 0.1483 164.53)` | Slime Girl | black, 8.4 to 1 |
| 2 | `#45b668` | `oklch(69.27% 0.1533 150.45)` | Turtle Warrior | black, 8.1 to 1 |
| 3 | `#75ac34` | `oklch(68.15% 0.1595 130.81)` | Mamba Green | black, 7.6 to 1 |
| 4 | `#9f9a00` | `oklch(66.80% 0.1435 107.37)` | Papyrus | black, 7 to 1 |
| 5 | `#b98600` | `oklch(65.34% 0.1347 81.89)` | Letter Jacket | black, 6.4 to 1 |
| 6 | `#d16e00` | `oklch(63.87% 0.1560 56.17)` | Autumn Maple | black, 5.9 to 1 |
| 7 | `#e34d34` | `oklch(62.50% 0.1907 31.99)` | Tomato Curry | black, 5.3 to 1 |
| 8 | `#e03f66` | `oklch(61.32% 0.1973 11.08)` | Rouge Red | black, 5 to 1 |
| 9 | `#d73b87` | `oklch(60.43% 0.2023 355.16)` | Sensual Climax | black, 4.8 to 1 |
| 10 | `#cd3a9d` | `oklch(59.64% 0.2073 343.77)` | Lustful Wishes | black, 4.6 to 1 |
| 11 | `#c439ac` | `oklch(58.89% 0.2124 335.55)` | Pink Perennial | white, 4.6 to 1 |
| 12 | `#bc38b7` | `oklch(58.24% 0.2171 329.48)` | Pink Perennial | white, 4.7 to 1 |
| 13 | `#b538c0` | `oklch(57.73% 0.2209 324.54)` | Fuchsia Flair | white, 4.8 to 1 |
| 14 | `#ae3ac8` | `oklch(57.42% 0.2232 319.73)` | Purple Yam | white, 4.9 to 1 |
| 15 | `#a63ed2` | `oklch(57.36% 0.2235 314.02)` | Purple Yam | white, 4.9 to 1 |
| 16 | `#9b46dd` | `oklch(57.62% 0.2213 306.40)` | Chaste Blossoms | white, 4.8 to 1 |
| 17 | `#8a53e9` | `oklch(58.27% 0.2158 295.98)` | Gloomy Purple | white, 4.6 to 1 |
| 18 | `#7464f2` | `oklch(59.50% 0.2057 283.17)` | If I Could Fly | black, 4.8 to 1 |
| 19 | `#5577f5` | `oklch(61.19% 0.1920 268.76)` | Blue Öyster Cult | black, 5.3 to 1 |
| 20 | `#288af0` | `oklch(63.14% 0.1763 253.47)` | Bleu de France | black, 5.9 to 1 |
| 21 | `#009add` | `oklch(65.17% 0.1446 238.06)` | Atmosphere | black, 6.6 to 1 |
| 22 | `#00a5cd` | `oklch(67.10% 0.1252 223.23)` | Charybdis | black, 7.2 to 1 |
| 23 | `#00aec3` | `oklch(68.73% 0.1188 209.74)` | Havasupai Falls | black, 7.8 to 1 |
| 24 | `#00b4b9` | `oklch(69.89% 0.1189 198.33)` | Cyan Sky | black, 8.2 to 1 |
| 25 | `#21b7af` | `oklch(70.46% 0.1164 189.24)` | Super Rare Jade | black, 8.4 to 1 |
| 26 | `#33b7a5` | `oklch(70.62% 0.1144 181.59)` | Capture | black, 8.4 to 1 |
| 27 | `#3cb79c` | `oklch(70.47% 0.1148 175.16)` | Capture | black, 8.4 to 1 |
| 28 | `#41b693` | `oklch(70.11% 0.1168 169.80)` | Green Blue | black, 8.3 to 1 |
| 29 | `#44b58b` | `oklch(69.63% 0.1197 165.34)` | Mint | black, 8.1 to 1 |
| 30 | `#46b384` | `oklch(69.14% 0.1229 161.62)` | Mint | black, 8 to 1 |
| 31 | `#49b27d` | `oklch(68.73% 0.1255 158.47)` | Divot | black, 7.9 to 1 |
| 32 | `#4db178` | `oklch(68.50% 0.1268 155.72)` | Divot | black, 7.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #00bb86 0.0%, #45b668 3.2%, #75ac34 6.5%, #9f9a00 9.7%, #b98600 12.9%, #d16e00 16.1%, #e34d34 19.4%, #e03f66 22.6%, #d73b87 25.8%, #cd3a9d 29.0%, #c439ac 32.3%, #bc38b7 35.5%, #b538c0 38.7%, #ae3ac8 41.9%, #a63ed2 45.2%, #9b46dd 48.4%, #8a53e9 51.6%, #7464f2 54.8%, #5577f5 58.1%, #288af0 61.3%, #009add 64.5%, #00a5cd 67.7%, #00aec3 71.0%, #00b4b9 74.2%, #21b7af 77.4%, #33b7a5 80.6%, #3cb79c 83.9%, #41b693 87.1%, #44b58b 90.3%, #46b384 93.5%, #49b27d 96.8%, #4db178 100.0%);
background: linear-gradient(225deg in oklch, oklch(70.08% 0.1483 164.53) 0.0%, oklch(69.27% 0.1533 150.45) 3.2%, oklch(68.15% 0.1595 130.81) 6.5%, oklch(66.80% 0.1435 107.37) 9.7%, oklch(65.34% 0.1347 81.89) 12.9%, oklch(63.87% 0.1560 56.17) 16.1%, oklch(62.50% 0.1907 31.99) 19.4%, oklch(61.32% 0.1973 11.08) 22.6%, oklch(60.43% 0.2023 355.16) 25.8%, oklch(59.64% 0.2073 343.77) 29.0%, oklch(58.89% 0.2124 335.55) 32.3%, oklch(58.24% 0.2171 329.48) 35.5%, oklch(57.73% 0.2209 324.54) 38.7%, oklch(57.42% 0.2232 319.73) 41.9%, oklch(57.36% 0.2235 314.02) 45.2%, oklch(57.62% 0.2213 306.40) 48.4%, oklch(58.27% 0.2158 295.98) 51.6%, oklch(59.50% 0.2057 283.17) 54.8%, oklch(61.19% 0.1920 268.76) 58.1%, oklch(63.14% 0.1763 253.47) 61.3%, oklch(65.17% 0.1446 238.06) 64.5%, oklch(67.10% 0.1252 223.23) 67.7%, oklch(68.73% 0.1188 209.74) 71.0%, oklch(69.89% 0.1189 198.33) 74.2%, oklch(70.46% 0.1164 189.24) 77.4%, oklch(70.62% 0.1144 181.59) 80.6%, oklch(70.47% 0.1148 175.16) 83.9%, oklch(70.11% 0.1168 169.80) 87.1%, oklch(69.63% 0.1197 165.34) 90.3%, oklch(69.14% 0.1229 161.62) 93.5%, oklch(68.73% 0.1255 158.47) 96.8%, oklch(68.50% 0.1268 155.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.149 | 164.5 |
| 2 | 0.606 | 0.201 | -1.4 |
| 3 | 0.579 | 0.219 | -58.4 |
| 4 | 0.701 | 0.12 | -164.1 |
| 5 | 0.685 | 0.127 | -204.3 |

## In these collections

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

## Other forms

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