# Magenta and lime rainbow loop palette

The Magenta and lime rainbow loop palette brings together purple, red, gold, green, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is green.

- Also called: Rainbow linear gradient
- Seed: `kagavgTL5FugmSXp0UZXDJDUfAS_FX0Tg`
- Page: https://grabient.com/kagavgTL5FugmSXp0UZXDJDUfAS_FX0Tg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.2 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 | `#9518be` | `oklch(50.79% 0.2356 315.00)` | Foxy Fuchsia | white, 6.6 to 1 |
| 2 | `#9f1fb5` | `oklch(51.84% 0.2272 320.87)` | Pink Spyro | white, 6.3 to 1 |
| 3 | `#aa26a8` | `oklch(53.20% 0.2153 328.83)` | Ultra Violet Lentz | white, 5.9 to 1 |
| 4 | `#b62f98` | `oklch(54.93% 0.2014 338.50)` | Fuchsia Flourish | white, 5.4 to 1 |
| 5 | `#c23a88` | `oklch(57.09% 0.1869 349.53)` | Boat Orchid | white, 4.9 to 1 |
| 6 | `#cd4878` | `oklch(59.74% 0.1730 1.54)` | Rubber Band | black, 4.7 to 1 |
| 7 | `#d85a6a` | `oklch(63.26% 0.1583 15.05)` | Dragon Fruit | black, 5.6 to 1 |
| 8 | `#e17361` | `oklch(67.85% 0.1400 30.84)` | Phoenix Red | black, 6.8 to 1 |
| 9 | `#e58e61` | `oklch(72.82% 0.1221 47.67)` | Heat of Summer | black, 8.3 to 1 |
| 10 | `#e6a769` | `oklch(77.45% 0.1087 64.29)` | Ninjin Orange | black, 10 to 1 |
| 11 | `#e5ba71` | `oklch(81.05% 0.1038 79.43)` | Cloudy Honey | black, 11.5 to 1 |
| 12 | `#e1c66e` | `oklch(83.13% 0.1125 92.35)` | California Dreaming | black, 12.5 to 1 |
| 13 | `#dacf5c` | `oklch(84.20% 0.1365 104.16)` | Gold Deposit | black, 13 to 1 |
| 14 | `#c9d843` | `oklch(84.50% 0.1679 114.97)` | Las Palmas | black, 13.4 to 1 |
| 15 | `#aee02e` | `oklch(84.20% 0.1982 124.82)` | Yellowish Green | black, 13.5 to 1 |
| 16 | `#8ae635` | `oklch(83.51% 0.2190 133.72)` | Kiwi Green | black, 13.4 to 1 |
| 17 | `#64e751` | `oklch(82.53% 0.2225 141.27)` | Loud Green | black, 13.1 to 1 |
| 18 | `#50e365` | `oklch(81.01% 0.2096 145.77)` | Lightish Green | black, 12.5 to 1 |
| 19 | `#4eda73` | `oklch(79.02% 0.1875 148.85)` | Shivering Green | black, 11.6 to 1 |
| 20 | `#4ed07f` | `oklch(76.69% 0.1634 152.64)` | Spring Bouquet | black, 10.6 to 1 |
| 21 | `#44c78a` | `oklch(74.17% 0.1442 159.28)` | Enamelled Dragon | black, 9.7 to 1 |
| 22 | `#17be98` | `oklch(71.53% 0.1367 170.95)` | Mountain Meadow | black, 8.8 to 1 |
| 23 | `#00b0a8` | `oklch(68.32% 0.1185 188.81)` | Cozumel | black, 7.7 to 1 |
| 24 | `#00a0b4` | `oklch(64.73% 0.1122 210.53)` | Breaking Wave | black, 6.7 to 1 |
| 25 | `#008fc3` | `oklch(61.21% 0.1268 233.22)` | Parrotfish Blue | black, 5.7 to 1 |
| 26 | `#227bda` | `oklch(58.16% 0.1661 254.00)` | Soothing Sapphire | black, 4.8 to 1 |
| 27 | `#4e68dc` | `oklch(56.02% 0.1785 270.08)` | Thick Blue | white, 4.8 to 1 |
| 28 | `#6559dd` | `oklch(54.86% 0.1942 282.18)` | Majorelle Blue | white, 5.2 to 1 |
| 29 | `#774ade` | `oklch(54.37% 0.2133 291.87)` | Aconite Purple | white, 5.4 to 1 |
| 30 | `#873be0` | `oklch(54.30% 0.2328 299.50)` | Thick Purple | white, 5.6 to 1 |
| 31 | `#942bdf` | `oklch(54.37% 0.2499 305.44)` | Bright Blue Violet | white, 5.7 to 1 |
| 32 | `#9d19dd` | `oklch(54.33% 0.2618 310.07)` | Violet | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9518be 0.0%, #9f1fb5 3.2%, #aa26a8 6.5%, #b62f98 9.7%, #c23a88 12.9%, #cd4878 16.1%, #d85a6a 19.4%, #e17361 22.6%, #e58e61 25.8%, #e6a769 29.0%, #e5ba71 32.3%, #e1c66e 35.5%, #dacf5c 38.7%, #c9d843 41.9%, #aee02e 45.2%, #8ae635 48.4%, #64e751 51.6%, #50e365 54.8%, #4eda73 58.1%, #4ed07f 61.3%, #44c78a 64.5%, #17be98 67.7%, #00b0a8 71.0%, #00a0b4 74.2%, #008fc3 77.4%, #227bda 80.6%, #4e68dc 83.9%, #6559dd 87.1%, #774ade 90.3%, #873be0 93.5%, #942bdf 96.8%, #9d19dd 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.79% 0.2356 315.00) 0.0%, oklch(51.84% 0.2272 320.87) 3.2%, oklch(53.20% 0.2153 328.83) 6.5%, oklch(54.93% 0.2014 338.50) 9.7%, oklch(57.09% 0.1869 349.53) 12.9%, oklch(59.74% 0.1730 1.54) 16.1%, oklch(63.26% 0.1583 15.05) 19.4%, oklch(67.85% 0.1400 30.84) 22.6%, oklch(72.82% 0.1221 47.67) 25.8%, oklch(77.45% 0.1087 64.29) 29.0%, oklch(81.05% 0.1038 79.43) 32.3%, oklch(83.13% 0.1125 92.35) 35.5%, oklch(84.20% 0.1365 104.16) 38.7%, oklch(84.50% 0.1679 114.97) 41.9%, oklch(84.20% 0.1982 124.82) 45.2%, oklch(83.51% 0.2190 133.72) 48.4%, oklch(82.53% 0.2225 141.27) 51.6%, oklch(81.01% 0.2096 145.77) 54.8%, oklch(79.02% 0.1875 148.85) 58.1%, oklch(76.69% 0.1634 152.64) 61.3%, oklch(74.17% 0.1442 159.28) 64.5%, oklch(71.53% 0.1367 170.95) 67.7%, oklch(68.32% 0.1185 188.81) 71.0%, oklch(64.73% 0.1122 210.53) 74.2%, oklch(61.21% 0.1268 233.22) 77.4%, oklch(58.16% 0.1661 254.00) 80.6%, oklch(56.02% 0.1785 270.08) 83.9%, oklch(54.86% 0.1942 282.18) 87.1%, oklch(54.37% 0.2133 291.87) 90.3%, oklch(54.30% 0.2328 299.50) 93.5%, oklch(54.37% 0.2499 305.44) 96.8%, oklch(54.33% 0.2618 310.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.236 | 315 |
| 2 | 0.602 | 0.171 | 363.6 |
| 3 | 0.819 | 0.105 | 443.9 |
| 4 | 0.831 | 0.223 | 497.8 |
| 5 | 0.724 | 0.138 | 526.4 |
| 6 | 0.563 | 0.176 | 627.8 |
| 7 | 0.543 | 0.262 | 670.1 |

## In these collections

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

## Other forms

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