# Rainbow linear gradient

Rainbow linear gradient with 32 colors: #e8b6ef, #edabeb, #f79ae1, #ff88cf, #ff7cb8, #ff6fa7, #fa639c, #ed6093, #e15f86, #d96172, #cc6958, #b77649, #a1824f, #938b5d, #8e9764, #88a969, #79bf75, #5cd58a, #3be4a2, #3cefb1, #55f7bb, #6bfdc5, #76ffd6, #78fdeb, #8bf5fb, #a5e8ff, #b4ddfd, #bcd3fc, #c6c4fe, #daaff7, #ef9ae2, #fd8cc9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc1UXlXsZD9I3wdRF8r5zvGfQxQXulkmYzfLA`
- Page: https://grabient.com/kc1UXlXsZD9I3wdRF8r5zvGfQxQXulkmYzfLA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.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 | `#e8b6ef` | `oklch(83.86% 0.0951 322.03)` | Lovecloud | black, 12.3 to 1 |
| 2 | `#edabeb` | `oklch(82.37% 0.1133 327.73)` | Pinky Swear | black, 11.6 to 1 |
| 3 | `#f79ae1` | `oklch(80.25% 0.1403 336.01)` | Pink Condition | black, 10.6 to 1 |
| 4 | `#ff88cf` | `oklch(77.82% 0.1647 345.07)` | Shimmering Love | black, 9.6 to 1 |
| 5 | `#ff7cb8` | `oklch(75.38% 0.1713 353.14)` | Erythrosine | black, 8.8 to 1 |
| 6 | `#ff6fa7` | `oklch(73.09% 0.1837 358.21)` | Crazy Pink | black, 8 to 1 |
| 7 | `#fa639c` | `oklch(70.58% 0.1909 359.67)` | Neon Sunset | black, 7.3 to 1 |
| 8 | `#ed6093` | `oklch(68.07% 0.1802 0.52)` | Medium Pink | black, 6.6 to 1 |
| 9 | `#e15f86` | `oklch(65.91% 0.1658 4.05)` | Blush d’Amour | black, 6.1 to 1 |
| 10 | `#d96172` | `oklch(64.40% 0.1507 13.55)` | Swiss Chard | black, 5.8 to 1 |
| 11 | `#cc6958` | `oklch(63.27% 0.1290 31.16)` | Southwestern Clay | black, 5.7 to 1 |
| 12 | `#b77649` | `oklch(62.51% 0.1021 54.02)` | Copper Mine | black, 5.7 to 1 |
| 13 | `#a1824f` | `oklch(62.41% 0.0781 78.17)` | Dijon | black, 5.8 to 1 |
| 14 | `#938b5d` | `oklch(63.30% 0.0653 99.62)` | Enchanted Wood | black, 6.1 to 1 |
| 15 | `#8e9764` | `oklch(65.62% 0.0715 116.18)` | Indian Green | black, 6.7 to 1 |
| 16 | `#88a969` | `oklch(69.49% 0.0954 130.67)` | Peeled Asparagus | black, 7.9 to 1 |
| 17 | `#79bf75` | `oklch(74.08% 0.1263 143.19)` | Primo | black, 9.5 to 1 |
| 18 | `#5cd58a` | `oklch(78.51% 0.1532 153.59)` | Spring Bouquet | black, 11.3 to 1 |
| 19 | `#3be4a2` | `oklch(81.99% 0.1658 161.52)` | Mega Teal | black, 12.8 to 1 |
| 20 | `#3cefb1` | `oklch(85.03% 0.1663 164.36)` | Screen Glow | black, 14.2 to 1 |
| 21 | `#55f7bb` | `oklch(87.75% 0.1597 164.32)` | Ineffable Green | black, 15.4 to 1 |
| 22 | `#6bfdc5` | `oklch(89.91% 0.1489 165.22)` | Iridescent Turquoise | black, 16.4 to 1 |
| 23 | `#76ffd6` | `oklch(91.23% 0.1343 170.90)` | Hiroshima Aquamarine | black, 17 to 1 |
| 24 | `#78fdeb` | `oklch(91.49% 0.1210 183.56)` | Defence Matrix | black, 17 to 1 |
| 25 | `#8bf5fb` | `oklch(90.79% 0.0985 200.94)` | Shallow Water | black, 16.5 to 1 |
| 26 | `#a5e8ff` | `oklch(89.48% 0.0737 221.08)` | Fresh Air | black, 15.6 to 1 |
| 27 | `#b4ddfd` | `oklch(87.90% 0.0624 242.08)` | Broad Daylight | black, 14.7 to 1 |
| 28 | `#bcd3fc` | `oklch(86.28% 0.0634 262.69)` | Ice Cold Stare | black, 13.8 to 1 |
| 29 | `#c6c4fe` | `oklch(84.12% 0.0813 286.41)` | Light Periwinkle | black, 12.7 to 1 |
| 30 | `#daaff7` | `oklch(81.69% 0.1082 310.95)` | Light Violet | black, 11.4 to 1 |
| 31 | `#ef9ae2` | `oklch(79.48% 0.1351 332.62)` | Love Dust | black, 10.4 to 1 |
| 32 | `#fd8cc9` | `oklch(77.95% 0.1530 347.75)` | Shimmering Love | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e8b6ef 0.0%, #edabeb 3.2%, #f79ae1 6.5%, #ff88cf 9.7%, #ff7cb8 12.9%, #ff6fa7 16.1%, #fa639c 19.4%, #ed6093 22.6%, #e15f86 25.8%, #d96172 29.0%, #cc6958 32.3%, #b77649 35.5%, #a1824f 38.7%, #938b5d 41.9%, #8e9764 45.2%, #88a969 48.4%, #79bf75 51.6%, #5cd58a 54.8%, #3be4a2 58.1%, #3cefb1 61.3%, #55f7bb 64.5%, #6bfdc5 67.7%, #76ffd6 71.0%, #78fdeb 74.2%, #8bf5fb 77.4%, #a5e8ff 80.6%, #b4ddfd 83.9%, #bcd3fc 87.1%, #c6c4fe 90.3%, #daaff7 93.5%, #ef9ae2 96.8%, #fd8cc9 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.86% 0.0951 322.03) 0.0%, oklch(82.37% 0.1133 327.73) 3.2%, oklch(80.25% 0.1403 336.01) 6.5%, oklch(77.82% 0.1647 345.07) 9.7%, oklch(75.38% 0.1713 353.14) 12.9%, oklch(73.09% 0.1837 358.21) 16.1%, oklch(70.58% 0.1909 359.67) 19.4%, oklch(68.07% 0.1802 0.52) 22.6%, oklch(65.91% 0.1658 4.05) 25.8%, oklch(64.40% 0.1507 13.55) 29.0%, oklch(63.27% 0.1290 31.16) 32.3%, oklch(62.51% 0.1021 54.02) 35.5%, oklch(62.41% 0.0781 78.17) 38.7%, oklch(63.30% 0.0653 99.62) 41.9%, oklch(65.62% 0.0715 116.18) 45.2%, oklch(69.49% 0.0954 130.67) 48.4%, oklch(74.08% 0.1263 143.19) 51.6%, oklch(78.51% 0.1532 153.59) 54.8%, oklch(81.99% 0.1658 161.52) 58.1%, oklch(85.03% 0.1663 164.36) 61.3%, oklch(87.75% 0.1597 164.32) 64.5%, oklch(89.91% 0.1489 165.22) 67.7%, oklch(91.23% 0.1343 170.90) 71.0%, oklch(91.49% 0.1210 183.56) 74.2%, oklch(90.79% 0.0985 200.94) 77.4%, oklch(89.48% 0.0737 221.08) 80.6%, oklch(87.90% 0.0624 242.08) 83.9%, oklch(86.28% 0.0634 262.69) 87.1%, oklch(84.12% 0.0813 286.41) 90.3%, oklch(81.69% 0.1082 310.95) 93.5%, oklch(79.48% 0.1351 332.62) 96.8%, oklch(77.95% 0.1530 347.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.095 | 322 |
| 2 | 0.744 | 0.193 | 355.8 |
| 3 | 0.646 | 0.153 | 371.7 |
| 4 | 0.638 | 0.065 | 464.7 |
| 5 | 0.811 | 0.164 | 519.6 |
| 6 | 0.913 | 0.135 | 532.3 |
| 7 | 0.87 | 0.061 | 613.7 |
| 8 | 0.78 | 0.153 | 707.7 |

## In these collections

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

## Other forms

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