# Seamless rainbow linear gradient

Seamless rainbow linear gradient with 34 colors: #9ed993, #a6d486, #b4ce74, #c2c461, #ceb84e, #d4aa3c, #d69927, #d6850c, #d17100, #c95d00, #bc4b0b, #a93c0e, #942e0e, #802112, #71131c, #64042c, #540040, #400154, #2d0664, #1c116f, #101d7d, #0b2a91, #0e39a8, #114abc, #005ec7, #0072cd, #1186d3, #2e98d3, #41a8d3, #4ab6cf, #55c3c6, #6acdb8, #83d3a9, #98d69f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o`
- Page: https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o?steps=34
- Drawn as: linear gradient, 34 steps, 90 degrees
- Kinds: dark center, vivid, rainbow, seamless
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 9.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 | `#9ed993` | `oklch(82.68% 0.1130 140.62)` | Retro | black, 12.7 to 1 |
| 2 | `#a6d486` | `oklch(81.97% 0.1154 133.07)` | Feijoa | black, 12.4 to 1 |
| 3 | `#b4ce74` | `oklch(81.06% 0.1187 122.29)` | Davao Green | black, 11.9 to 1 |
| 4 | `#c2c461` | `oklch(79.80% 0.1227 109.94)` | Powdered Green Tea | black, 11.3 to 1 |
| 5 | `#ceb84e` | `oklch(78.04% 0.1273 97.68)` | Limón Fresco | black, 10.5 to 1 |
| 6 | `#d4aa3c` | `oklch(75.60% 0.1325 87.05)` | Brassy Tint | black, 9.5 to 1 |
| 7 | `#d69927` | `oklch(72.42% 0.1400 77.09)` | New England Autumn | black, 8.4 to 1 |
| 8 | `#d6850c` | `oklch(68.64% 0.1487 67.39)` | Dulce de Leche | black, 7.2 to 1 |
| 9 | `#d17100` | `oklch(64.48% 0.1540 58.20)` | Autumn Maple | black, 6 to 1 |
| 10 | `#c95d00` | `oklch(60.14% 0.1594 49.82)` | Kvass | black, 5 to 1 |
| 11 | `#bc4b0b` | `oklch(55.62% 0.1597 43.07)` | Brick Orange | white, 5 to 1 |
| 12 | `#a93c0e` | `oklch(50.45% 0.1525 39.33)` | Rust | white, 6.3 to 1 |
| 13 | `#942e0e` | `oklch(45.07% 0.1424 36.36)` | Hawaiian Malasada | white, 7.9 to 1 |
| 14 | `#802112` | `oklch(40.03% 0.1327 31.48)` | Mahogany Brown | white, 9.8 to 1 |
| 15 | `#71131c` | `oklch(35.91% 0.1271 22.03)` | Arterial | white, 11.5 to 1 |
| 16 | `#64042c` | `oklch(32.71% 0.1269 5.01)` | Spring Lobster | white, 13.1 to 1 |
| 17 | `#540040` | `oklch(29.94% 0.1293 341.32)` | Royal Ash | white, 14.4 to 1 |
| 18 | `#400154` | `oklch(27.91% 0.1353 315.49)` | Ripe Plum | white, 15.5 to 1 |
| 19 | `#2d0664` | `oklch(27.06% 0.1418 292.17)` | Infinite Inkwell | white, 15.8 to 1 |
| 20 | `#1c116f` | `oklch(27.77% 0.1484 275.91)` | 20000 Leagues Under the Sea | white, 15.4 to 1 |
| 21 | `#101d7d` | `oklch(30.52% 0.1584 267.77)` | Long-Haul Flight | white, 14 to 1 |
| 22 | `#0b2a91` | `oklch(34.86% 0.1710 264.66)` | Blue Torus | white, 11.9 to 1 |
| 23 | `#0e39a8` | `oklch(40.04% 0.1821 263.72)` | Royal Azure | white, 9.6 to 1 |
| 24 | `#114abc` | `oklch(45.29% 0.1880 262.06)` | Absolute Zero | white, 7.6 to 1 |
| 25 | `#005ec7` | `oklch(50.02% 0.1804 257.40)` | Amnesia Blue | white, 6.1 to 1 |
| 26 | `#0072cd` | `oklch(54.93% 0.1646 252.04)` | Wizard Blue | white, 4.8 to 1 |
| 27 | `#1186d3` | `oklch(59.95% 0.1497 246.08)` | Calgar Blue | black, 5.3 to 1 |
| 28 | `#2e98d3` | `oklch(64.76% 0.1285 238.72)` | Boyzone | black, 6.5 to 1 |
| 29 | `#41a8d3` | `oklch(69.01% 0.1120 229.13)` | Mystic Blue | black, 7.7 to 1 |
| 30 | `#4ab6cf` | `oklch(72.54% 0.1035 215.68)` | Teal Moiré | black, 8.9 to 1 |
| 31 | `#55c3c6` | `oklch(75.62% 0.0999 197.41)` | Gem Turquoise | black, 10 to 1 |
| 32 | `#6acdb8` | `oklch(78.24% 0.0991 177.65)` | Kinetic Teal | black, 11 to 1 |
| 33 | `#83d3a9` | `oklch(80.34% 0.0994 159.90)` | Pharaoh’s Jade | black, 11.8 to 1 |
| 34 | `#98d69f` | `oklch(81.89% 0.0992 147.67)` | Green Ash | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9ed993 0.0%, #a6d486 3.0%, #b4ce74 6.1%, #c2c461 9.1%, #ceb84e 12.1%, #d4aa3c 15.2%, #d69927 18.2%, #d6850c 21.2%, #d17100 24.2%, #c95d00 27.3%, #bc4b0b 30.3%, #a93c0e 33.3%, #942e0e 36.4%, #802112 39.4%, #71131c 42.4%, #64042c 45.5%, #540040 48.5%, #400154 51.5%, #2d0664 54.5%, #1c116f 57.6%, #101d7d 60.6%, #0b2a91 63.6%, #0e39a8 66.7%, #114abc 69.7%, #005ec7 72.7%, #0072cd 75.8%, #1186d3 78.8%, #2e98d3 81.8%, #41a8d3 84.8%, #4ab6cf 87.9%, #55c3c6 90.9%, #6acdb8 93.9%, #83d3a9 97.0%, #98d69f 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.68% 0.1130 140.62) 0.0%, oklch(81.97% 0.1154 133.07) 3.0%, oklch(81.06% 0.1187 122.29) 6.1%, oklch(79.80% 0.1227 109.94) 9.1%, oklch(78.04% 0.1273 97.68) 12.1%, oklch(75.60% 0.1325 87.05) 15.2%, oklch(72.42% 0.1400 77.09) 18.2%, oklch(68.64% 0.1487 67.39) 21.2%, oklch(64.48% 0.1540 58.20) 24.2%, oklch(60.14% 0.1594 49.82) 27.3%, oklch(55.62% 0.1597 43.07) 30.3%, oklch(50.45% 0.1525 39.33) 33.3%, oklch(45.07% 0.1424 36.36) 36.4%, oklch(40.03% 0.1327 31.48) 39.4%, oklch(35.91% 0.1271 22.03) 42.4%, oklch(32.71% 0.1269 5.01) 45.5%, oklch(29.94% 0.1293 341.32) 48.5%, oklch(27.91% 0.1353 315.49) 51.5%, oklch(27.06% 0.1418 292.17) 54.5%, oklch(27.77% 0.1484 275.91) 57.6%, oklch(30.52% 0.1584 267.77) 60.6%, oklch(34.86% 0.1710 264.66) 63.6%, oklch(40.04% 0.1821 263.72) 66.7%, oklch(45.29% 0.1880 262.06) 69.7%, oklch(50.02% 0.1804 257.40) 72.7%, oklch(54.93% 0.1646 252.04) 75.8%, oklch(59.95% 0.1497 246.08) 78.8%, oklch(64.76% 0.1285 238.72) 81.8%, oklch(69.01% 0.1120 229.13) 84.8%, oklch(72.54% 0.1035 215.68) 87.9%, oklch(75.62% 0.0999 197.41) 90.9%, oklch(78.24% 0.0991 177.65) 93.9%, oklch(80.34% 0.0994 159.90) 97.0%, oklch(81.89% 0.0992 147.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.113 | 140.6 |
| 2 | 0.764 | 0.131 | 89.9 |
| 3 | 0.583 | 0.161 | 46.6 |
| 4 | 0.354 | 0.127 | 20.2 |
| 5 | 0.276 | 0.147 | -82.3 |
| 6 | 0.48 | 0.187 | -100.3 |
| 7 | 0.701 | 0.109 | -134.1 |
| 8 | 0.819 | 0.099 | -212.3 |

## 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/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.json?steps=34)
- [PNG](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.png?steps=34)
- [SVG](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.svg?steps=34)
- [CSS](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.css?steps=34)
- [ASE](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.ase?steps=34)
- [GPL](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.gpl?steps=34)
- [GRD](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.grd?steps=34)
- [Design tokens](https://grabient.com/kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o.tokens.json?steps=34)
- [Social card](https://grabient.com/api/og?seed=kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o&steps=34)
- [Palettes like this one](https://grabient.com/palettes?q=kc0lJkYS-58o6ustLjzIzWzz1EPdZJ7v6CQ2o)
- [Guide for agents](https://grabient.com/llms.txt)