# Rainbow loop through deep magenta

Rainbow from blue to dark green linear gradient with 40 colors: #40e0d0, #00d4cf, #00bec8, #00a6be, #008cb2, #0073a6, #005ba1, #003bb4, #2824ab, #3714a2, #420b98, #4c0b90, #551188, #5e1881, #671e7a, #6f2273, #75236a, #7a2461, #7e2657, #81284e, #842b45, #882f3c, #8c3434, #913b2a, #99451d, #a45400, #aa6900, #b18000, #b49600, #b1ab00, #a3bd00, #8cc639, #70c554, #52ba63, #36a868, #239266, #1b7a5e, #1b6553, #1d5348, #1e4740. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from blue to dark green linear gradient
- Seed: `kY0V-DsUnKDQ0xw8rEfYMDLC6Rxc`
- Page: https://grabient.com/kY0V-DsUnKDQ0xw8rEfYMDLC6Rxc?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: dark center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.3 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 | `#40e0d0` | `oklch(82.28% 0.1309 184.92)` | Fresh Turquoise | black, 12.8 to 1 |
| 2 | `#00d4cf` | `oklch(78.48% 0.1348 191.91)` | Turquoise Panic | black, 11.2 to 1 |
| 3 | `#00bec8` | `oklch(73.05% 0.1242 201.42)` | Panorama Blue | black, 9.2 to 1 |
| 4 | `#00a6be` | `oklch(66.56% 0.1164 212.77)` | Maui | black, 7.1 to 1 |
| 5 | `#008cb2` | `oklch(59.58% 0.1131 225.25)` | Algiers Blue | black, 5.3 to 1 |
| 6 | `#0073a6` | `oklch(52.68% 0.1171 238.15)` | Methyl Blue | white, 5.2 to 1 |
| 7 | `#005ba1` | `oklch(46.42% 0.1342 250.77)` | Parachuting | white, 7 to 1 |
| 8 | `#003bb4` | `oklch(41.37% 0.1977 262.42)` | Persian Blue | white, 9.1 to 1 |
| 9 | `#2824ab` | `oklch(38.08% 0.2026 272.37)` | Sapphire Splendour | white, 10.8 to 1 |
| 10 | `#3714a2` | `oklch(36.37% 0.2004 281.12)` | Deep Daijin Blue | white, 11.7 to 1 |
| 11 | `#420b98` | `oklch(35.78% 0.1947 289.17)` | Space Battle Blue | white, 12.1 to 1 |
| 12 | `#4c0b90` | `oklch(36.05% 0.1863 296.73)` | Pitch Violet | white, 11.9 to 1 |
| 13 | `#551188` | `oklch(36.92% 0.1765 303.98)` | American Violet | white, 11.4 to 1 |
| 14 | `#5e1881` | `oklch(38.13% 0.1662 311.14)` | Purplex | white, 10.8 to 1 |
| 15 | `#671e7a` | `oklch(39.41% 0.1565 318.41)` | Berry Blackmail | white, 10.2 to 1 |
| 16 | `#6f2273` | `oklch(40.50% 0.1484 325.98)` | Pure Purple | white, 9.7 to 1 |
| 17 | `#75236a` | `oklch(41.16% 0.1426 333.99)` | Mirage of Violets | white, 9.4 to 1 |
| 18 | `#7a2461` | `oklch(41.60% 0.1373 341.96)` | Smooch | white, 9.2 to 1 |
| 19 | `#7e2657` | `oklch(41.98% 0.1323 349.87)` | Pico Eggplant | white, 9.1 to 1 |
| 20 | `#81284e` | `oklch(42.40% 0.1278 357.86)` | Red Plum | white, 8.9 to 1 |
| 21 | `#842b45` | `oklch(42.99% 0.1241 6.06)` | Anemone | white, 8.6 to 1 |
| 22 | `#882f3c` | `oklch(43.84% 0.1214 14.61)` | Blood Oath | white, 8.3 to 1 |
| 23 | `#8c3434` | `oklch(45.07% 0.1202 23.64)` | Bookstone | white, 7.8 to 1 |
| 24 | `#913b2a` | `oklch(46.79% 0.1206 33.27)` | Carmen Miranda | white, 7.2 to 1 |
| 25 | `#99451d` | `oklch(49.29% 0.1235 43.78)` | Autumn Red | white, 6.5 to 1 |
| 26 | `#a45400` | `oklch(53.18% 0.1308 55.58)` | Windsor Brown | white, 5.4 to 1 |
| 27 | `#aa6900` | `oklch(57.99% 0.1270 68.26)` | Butter Fudge | black, 4.7 to 1 |
| 28 | `#b18000` | `oklch(63.16% 0.1303 81.43)` | Murder Mustard | black, 5.9 to 1 |
| 29 | `#b49600` | `oklch(68.11% 0.1398 94.59)` | Banana Puree | black, 7.3 to 1 |
| 30 | `#b1ab00` | `oklch(72.29% 0.1552 107.29)` | Honey and Thyme | black, 8.7 to 1 |
| 31 | `#a3bd00` | `oklch(75.14% 0.1767 119.08)` | Fresh Pesto | black, 9.8 to 1 |
| 32 | `#8cc639` | `oklch(76.07% 0.1785 129.50)` | Midsummer Field | black, 10.2 to 1 |
| 33 | `#70c554` | `oklch(74.56% 0.1715 138.54)` | Conceptual | black, 9.8 to 1 |
| 34 | `#52ba63` | `oklch(70.72% 0.1579 146.89)` | Forest Maid | black, 8.5 to 1 |
| 35 | `#36a868` | `oklch(65.22% 0.1396 154.53)` | Seaweed Green | black, 6.9 to 1 |
| 36 | `#239266` | `oklch(58.75% 0.1187 161.44)` | Viridian | black, 5.3 to 1 |
| 37 | `#1b7a5e` | `oklch(51.97% 0.0971 167.58)` | Turquoise Cyan | white, 5.2 to 1 |
| 38 | `#1b6553` | `oklch(45.57% 0.0768 172.92)` | Embracing | white, 6.9 to 1 |
| 39 | `#1d5348` | `oklch(40.23% 0.0599 177.42)` | Bagpiper | white, 8.8 to 1 |
| 40 | `#1e4740` | `oklch(36.61% 0.0482 181.05)` | Country Squire | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #40e0d0 0.0%, #00d4cf 2.6%, #00bec8 5.1%, #00a6be 7.7%, #008cb2 10.3%, #0073a6 12.8%, #005ba1 15.4%, #003bb4 17.9%, #2824ab 20.5%, #3714a2 23.1%, #420b98 25.6%, #4c0b90 28.2%, #551188 30.8%, #5e1881 33.3%, #671e7a 35.9%, #6f2273 38.5%, #75236a 41.0%, #7a2461 43.6%, #7e2657 46.2%, #81284e 48.7%, #842b45 51.3%, #882f3c 53.8%, #8c3434 56.4%, #913b2a 59.0%, #99451d 61.5%, #a45400 64.1%, #aa6900 66.7%, #b18000 69.2%, #b49600 71.8%, #b1ab00 74.4%, #a3bd00 76.9%, #8cc639 79.5%, #70c554 82.1%, #52ba63 84.6%, #36a868 87.2%, #239266 89.7%, #1b7a5e 92.3%, #1b6553 94.9%, #1d5348 97.4%, #1e4740 100.0%);
background: linear-gradient(45deg in oklch, oklch(82.28% 0.1309 184.92) 0.0%, oklch(78.48% 0.1348 191.91) 2.6%, oklch(73.05% 0.1242 201.42) 5.1%, oklch(66.56% 0.1164 212.77) 7.7%, oklch(59.58% 0.1131 225.25) 10.3%, oklch(52.68% 0.1171 238.15) 12.8%, oklch(46.42% 0.1342 250.77) 15.4%, oklch(41.37% 0.1977 262.42) 17.9%, oklch(38.08% 0.2026 272.37) 20.5%, oklch(36.37% 0.2004 281.12) 23.1%, oklch(35.78% 0.1947 289.17) 25.6%, oklch(36.05% 0.1863 296.73) 28.2%, oklch(36.92% 0.1765 303.98) 30.8%, oklch(38.13% 0.1662 311.14) 33.3%, oklch(39.41% 0.1565 318.41) 35.9%, oklch(40.50% 0.1484 325.98) 38.5%, oklch(41.16% 0.1426 333.99) 41.0%, oklch(41.60% 0.1373 341.96) 43.6%, oklch(41.98% 0.1323 349.87) 46.2%, oklch(42.40% 0.1278 357.86) 48.7%, oklch(42.99% 0.1241 6.06) 51.3%, oklch(43.84% 0.1214 14.61) 53.8%, oklch(45.07% 0.1202 23.64) 56.4%, oklch(46.79% 0.1206 33.27) 59.0%, oklch(49.29% 0.1235 43.78) 61.5%, oklch(53.18% 0.1308 55.58) 64.1%, oklch(57.99% 0.1270 68.26) 66.7%, oklch(63.16% 0.1303 81.43) 69.2%, oklch(68.11% 0.1398 94.59) 71.8%, oklch(72.29% 0.1552 107.29) 74.4%, oklch(75.14% 0.1767 119.08) 76.9%, oklch(76.07% 0.1785 129.50) 79.5%, oklch(74.56% 0.1715 138.54) 82.1%, oklch(70.72% 0.1579 146.89) 84.6%, oklch(65.22% 0.1396 154.53) 87.2%, oklch(58.75% 0.1187 161.44) 89.7%, oklch(51.97% 0.0971 167.58) 92.3%, oklch(45.57% 0.0768 172.92) 94.9%, oklch(40.23% 0.0599 177.42) 97.4%, oklch(36.61% 0.0482 181.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.131 | 184.9 |
| 2 | 0.386 | 0.203 | 270.5 |
| 3 | 0.409 | 0.145 | 330.8 |
| 4 | 0.476 | 0.121 | 397.3 |
| 5 | 0.76 | 0.178 | 491.4 |
| 6 | 0.366 | 0.048 | 541 |

## In these collections

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

## Other forms

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