# Seamless rainbow linear gradient

Seamless rainbow linear gradient with 32 colors: #aeb3c4, #abb2c6, #a7b2c8, #a0b2cb, #97b3ce, #89b4d1, #75b7d0, #5cbacb, #3ebebd, #2ac0a8, #3bc188, #63bd5c, #90b400, #b4a700, #cd9b00, #e68b00, #ff7724, #ff7465, #ff718a, #ff6dad, #ff65d3, #f666f9, #da82ff, #c891ff, #be9bff, #b7a1ff, #b0a7fa, #aaacee, #a5aee0, #a2aed1, #a2acc4, #a3abbb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcwxLCX5Q8lysuHbR7Y3Fo2N9SuJhpbyXgk9Q`
- Page: https://grabient.com/kcwxLCX5Q8lysuHbR7Y3Fo2N9SuJhpbyXgk9Q?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: even lightness, vivid, rainbow, seamless
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 1.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 | `#aeb3c4` | `oklch(76.77% 0.0248 272.81)` | Timeless Lilac | black, 10 to 1 |
| 2 | `#abb2c6` | `oklch(76.54% 0.0289 268.99)` | Perseverance | black, 9.9 to 1 |
| 3 | `#a7b2c8` | `oklch(76.21% 0.0344 263.81)` | Ballroom Blue | black, 9.8 to 1 |
| 4 | `#a0b2cb` | `oklch(75.82% 0.0415 257.07)` | Aerial View | black, 9.7 to 1 |
| 5 | `#97b3ce` | `oklch(75.39% 0.0506 248.54)` | Innocent Blue | black, 9.6 to 1 |
| 6 | `#89b4d1` | `oklch(74.92% 0.0620 237.94)` | Innocent Blue | black, 9.5 to 1 |
| 7 | `#75b7d0` | `oklch(74.37% 0.0760 225.13)` | Blue Chrysocolla | black, 9.4 to 1 |
| 8 | `#5cbacb` | `oklch(73.78% 0.0919 210.59)` | High Dive | black, 9.3 to 1 |
| 9 | `#3ebebd` | `oklch(73.23% 0.1086 194.87)` | Maximum Blue Green | black, 9.2 to 1 |
| 10 | `#2ac0a8` | `oklch(72.78% 0.1249 178.50)` | Pure Cyan | black, 9.2 to 1 |
| 11 | `#3bc188` | `oklch(72.40% 0.1419 160.95)` | Greenish Teal | black, 9.1 to 1 |
| 12 | `#63bd5c` | `oklch(72.07% 0.1596 142.22)` | Drop Green | black, 8.9 to 1 |
| 13 | `#90b400` | `oklch(71.82% 0.1761 122.95)` | Grasping Grass | black, 8.7 to 1 |
| 14 | `#b4a700` | `oklch(71.67% 0.1512 103.80)` | Brass Knuckle | black, 8.4 to 1 |
| 15 | `#cd9b00` | `oklch(71.65% 0.1469 84.92)` | Vivid Amber | black, 8.2 to 1 |
| 16 | `#e68b00` | `oklch(71.74% 0.1602 65.60)` | Hotter Butter | black, 8 to 1 |
| 17 | `#ff7724` | `oklch(71.93% 0.1873 46.47)` | Royal Oranje | black, 7.9 to 1 |
| 18 | `#ff7465` | `oklch(72.20% 0.1728 28.18)` | Salmon | black, 7.9 to 1 |
| 19 | `#ff718a` | `oklch(72.55% 0.1743 11.37)` | Wild Watermelon | black, 7.9 to 1 |
| 20 | `#ff6dad` | `oklch(73.02% 0.1888 355.44)` | Yíng Guāng Sè Pink | black, 8 to 1 |
| 21 | `#ff65d3` | `oklch(73.59% 0.2199 340.45)` | Rose Pink | black, 8 to 1 |
| 22 | `#f666f9` | `oklch(74.18% 0.2418 326.87)` | Magenta Stream | black, 8.1 to 1 |
| 23 | `#da82ff` | `oklch(74.73% 0.1926 315.17)` | Lavender Tea | black, 8.6 to 1 |
| 24 | `#c891ff` | `oklch(75.28% 0.1614 305.93)` | Liliac | black, 8.9 to 1 |
| 25 | `#be9bff` | `oklch(75.90% 0.1441 299.00)` | Lilás | black, 9.2 to 1 |
| 26 | `#b7a1ff` | `oklch(76.44% 0.1332 293.43)` | Diva | black, 9.5 to 1 |
| 27 | `#b0a7fa` | `oklch(76.75% 0.1179 288.27)` | Shy Moment | black, 9.7 to 1 |
| 28 | `#aaacee` | `oklch(76.68% 0.0936 282.65)` | Maximum Blue Purple | black, 9.8 to 1 |
| 29 | `#a5aee0` | `oklch(76.14% 0.0719 276.73)` | Maximum Blue Purple | black, 9.7 to 1 |
| 30 | `#a2aed1` | `oklch(75.34% 0.0524 271.11)` | Mild Blue Yonder | black, 9.5 to 1 |
| 31 | `#a2acc4` | `oklch(74.54% 0.0363 266.33)` | Foxflower Viola | black, 9.2 to 1 |
| 32 | `#a3abbb` | `oklch(74.02% 0.0248 262.95)` | Ridge View | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #aeb3c4 0.0%, #abb2c6 3.2%, #a7b2c8 6.5%, #a0b2cb 9.7%, #97b3ce 12.9%, #89b4d1 16.1%, #75b7d0 19.4%, #5cbacb 22.6%, #3ebebd 25.8%, #2ac0a8 29.0%, #3bc188 32.3%, #63bd5c 35.5%, #90b400 38.7%, #b4a700 41.9%, #cd9b00 45.2%, #e68b00 48.4%, #ff7724 51.6%, #ff7465 54.8%, #ff718a 58.1%, #ff6dad 61.3%, #ff65d3 64.5%, #f666f9 67.7%, #da82ff 71.0%, #c891ff 74.2%, #be9bff 77.4%, #b7a1ff 80.6%, #b0a7fa 83.9%, #aaacee 87.1%, #a5aee0 90.3%, #a2aed1 93.5%, #a2acc4 96.8%, #a3abbb 100.0%);
background: linear-gradient(180deg in oklch, oklch(76.77% 0.0248 272.81) 0.0%, oklch(76.54% 0.0289 268.99) 3.2%, oklch(76.21% 0.0344 263.81) 6.5%, oklch(75.82% 0.0415 257.07) 9.7%, oklch(75.39% 0.0506 248.54) 12.9%, oklch(74.92% 0.0620 237.94) 16.1%, oklch(74.37% 0.0760 225.13) 19.4%, oklch(73.78% 0.0919 210.59) 22.6%, oklch(73.23% 0.1086 194.87) 25.8%, oklch(72.78% 0.1249 178.50) 29.0%, oklch(72.40% 0.1419 160.95) 32.3%, oklch(72.07% 0.1596 142.22) 35.5%, oklch(71.82% 0.1761 122.95) 38.7%, oklch(71.67% 0.1512 103.80) 41.9%, oklch(71.65% 0.1469 84.92) 45.2%, oklch(71.74% 0.1602 65.60) 48.4%, oklch(71.93% 0.1873 46.47) 51.6%, oklch(72.20% 0.1728 28.18) 54.8%, oklch(72.55% 0.1743 11.37) 58.1%, oklch(73.02% 0.1888 355.44) 61.3%, oklch(73.59% 0.2199 340.45) 64.5%, oklch(74.18% 0.2418 326.87) 67.7%, oklch(74.73% 0.1926 315.17) 71.0%, oklch(75.28% 0.1614 305.93) 74.2%, oklch(75.90% 0.1441 299.00) 77.4%, oklch(76.44% 0.1332 293.43) 80.6%, oklch(76.75% 0.1179 288.27) 83.9%, oklch(76.68% 0.0936 282.65) 87.1%, oklch(76.14% 0.0719 276.73) 90.3%, oklch(75.34% 0.0524 271.11) 93.5%, oklch(74.54% 0.0363 266.33) 96.8%, oklch(74.02% 0.0248 262.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.025 | 272.8 |
| 2 | 0.752 | 0.055 | 244.3 |
| 3 | 0.728 | 0.123 | 180.9 |
| 4 | 0.717 | 0.197 | 98.4 |
| 5 | 0.724 | 0.248 | 16 |
| 6 | 0.748 | 0.227 | -46.3 |
| 7 | 0.768 | 0.103 | -74.9 |
| 8 | 0.74 | 0.025 | -97.1 |

## Other forms

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