# Rainbow from purple to blue radial gradient

Rainbow from purple to blue radial gradient with 48 colors: #9046e7, #9d40de, #ac39ce, #bc2fb9, #ca259f, #d61c82, #de1965, #e32049, #e62b31, #e83718, #e94400, #e85100, #ea5b00, #ec6400, #ef6d00, #f17600, #f38000, #f58b00, #f99700, #fda300, #ffaf0f, #febb25, #fcc532, #f6cc39, #edcf39, #e0ce31, #cecb21, #bac503, #a3bf00, #8bba00, #70b600, #52b41e, #2cb53a, #00b759, #00b873, #00bb87, #00bf99, #00c1a8, #00c2b5, #00c0be, #00bac3, #00b0c6, #00a5c6, #0098c5, #008bc4, #007fc5, #0073c8, #006ace. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kakafVzFBJ9pFQ3tOkS1sjFVy9xnD10cA`
- Page: https://grabient.com/kakafVzFBJ9pFQ3tOkS1sjFVy9xnD10cA?style=radialGradient&steps=48&angle=210
- Drawn as: radial gradient, 48 steps, 210 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.4 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 | `#9046e7` | `oklch(57.09% 0.2301 300.23)` | Chaste Blossoms | white, 4.9 to 1 |
| 2 | `#9d40de` | `oklch(57.25% 0.2295 307.31)` | Chaste Blossoms | white, 4.9 to 1 |
| 3 | `#ac39ce` | `oklch(57.39% 0.2288 317.17)` | Purple Yam | white, 4.9 to 1 |
| 4 | `#bc2fb9` | `oklch(57.57% 0.2281 328.93)` | Fuchsia Flair | white, 4.9 to 1 |
| 5 | `#ca259f` | `oklch(57.80% 0.2271 341.74)` | Indian Lake | white, 4.9 to 1 |
| 6 | `#d61c82` | `oklch(58.12% 0.2259 354.72)` | Vivid Cerise | white, 4.8 to 1 |
| 7 | `#de1965` | `oklch(58.57% 0.2244 6.99)` | Qing Dynasty Fire | white, 4.7 to 1 |
| 8 | `#e32049` | `oklch(59.18% 0.2224 17.69)` | Spanish Crimson | black, 4.5 to 1 |
| 9 | `#e62b31` | `oklch(59.99% 0.2200 25.96)` | Permanent Geranium Lake | black, 4.7 to 1 |
| 10 | `#e83718` | `oklch(61.00% 0.2171 32.05)` | Thermic Orange | black, 4.9 to 1 |
| 11 | `#e94400` | `oklch(62.19% 0.2099 36.62)` | Baptism by Fire | black, 5.2 to 1 |
| 12 | `#e85100` | `oklch(63.51% 0.1988 40.14)` | Kyawthuite | black, 5.6 to 1 |
| 13 | `#ea5b00` | `oklch(64.96% 0.1924 42.99)` | Poppy Flower | black, 6 to 1 |
| 14 | `#ec6400` | `oklch(66.51% 0.1883 45.59)` | Royal Flycatcher Crest | black, 6.4 to 1 |
| 15 | `#ef6d00` | `oklch(68.11% 0.1846 48.33)` | Clementine | black, 6.8 to 1 |
| 16 | `#f17600` | `oklch(69.76% 0.1803 51.63)` | Supernatural Saffron | black, 7.3 to 1 |
| 17 | `#f38000` | `oklch(71.45% 0.1752 55.84)` | Romesco | black, 7.8 to 1 |
| 18 | `#f58b00` | `oklch(73.58% 0.1717 60.50)` | Saffron Gold | black, 8.5 to 1 |
| 19 | `#f99700` | `oklch(76.05% 0.1701 65.37)` | Aromango | black, 9.4 to 1 |
| 20 | `#fda300` | `oklch(78.66% 0.1700 70.42)` | Pico Orange | black, 10.4 to 1 |
| 21 | `#ffaf0f` | `oklch(81.16% 0.1686 75.64)` | Turmeric Root | black, 11.4 to 1 |
| 22 | `#febb25` | `oklch(83.33% 0.1643 80.95)` | Incandescence | black, 12.3 to 1 |
| 23 | `#fcc532` | `oklch(84.95% 0.1612 86.34)` | Golden Banner | black, 13.1 to 1 |
| 24 | `#f6cc39` | `oklch(85.78% 0.1598 91.79)` | Marigold Dust | black, 13.6 to 1 |
| 25 | `#edcf39` | `oklch(85.57% 0.1606 97.25)` | Angelic Descent | black, 13.5 to 1 |
| 26 | `#e0ce31` | `oklch(84.15% 0.1641 102.75)` | Polliwog | black, 13 to 1 |
| 27 | `#cecb21` | `oklch(81.81% 0.1698 108.30)` | Lime Pop | black, 12.1 to 1 |
| 28 | `#bac503` | `oklch(78.91% 0.1768 113.94)` | Rio Grande | black, 11.1 to 1 |
| 29 | `#a3bf00` | `oklch(75.77% 0.1793 119.68)` | Gross Green | black, 10 to 1 |
| 30 | `#8bba00` | `oklch(72.76% 0.1842 125.57)` | Walk in the Park | black, 9 to 1 |
| 31 | `#70b600` | `oklch(70.20% 0.1937 131.61)` | Leaf Sheep | black, 8.3 to 1 |
| 32 | `#52b41e` | `oklch(68.45% 0.1994 137.84)` | Kermit Green | black, 7.9 to 1 |
| 33 | `#2cb53a` | `oklch(67.79% 0.1994 144.28)` | Try Your Luck | black, 7.7 to 1 |
| 34 | `#00b759` | `oklch(68.07% 0.1835 150.92)` | Pistou Green | black, 7.8 to 1 |
| 35 | `#00b873` | `oklch(68.99% 0.1621 157.75)` | Fennel Fiesta | black, 8.1 to 1 |
| 36 | `#00bb87` | `oklch(70.26% 0.1482 164.74)` | Slime Girl | black, 8.4 to 1 |
| 37 | `#00bf99` | `oklch(71.59% 0.1390 171.85)` | Blarney | black, 8.8 to 1 |
| 38 | `#00c1a8` | `oklch(72.68% 0.1327 179.06)` | Turquoise | black, 9.2 to 1 |
| 39 | `#00c2b5` | `oklch(73.24% 0.1282 186.35)` | Amazonite | black, 9.3 to 1 |
| 40 | `#00c0be` | `oklch(72.98% 0.1248 193.69)` | Cala Benirrás Blue | black, 9.2 to 1 |
| 41 | `#00bac3` | `oklch(71.68% 0.1219 201.40)` | Lago Blue | black, 8.7 to 1 |
| 42 | `#00b0c6` | `oklch(69.49% 0.1202 209.91)` | Havasupai Falls | black, 8 to 1 |
| 43 | `#00a5c6` | `oklch(66.69% 0.1205 218.83)` | Cyan Blue | black, 7.1 to 1 |
| 44 | `#0098c5` | `oklch(63.56% 0.1236 227.75)` | Atomic Blue | black, 6.3 to 1 |
| 45 | `#008bc4` | `oklch(60.36% 0.1303 236.24)` | Celebration Blue | black, 5.5 to 1 |
| 46 | `#007fc5` | `oklch(57.38% 0.1413 243.92)` | Blue Aster | black, 4.8 to 1 |
| 47 | `#0073c8` | `oklch(54.88% 0.1569 250.36)` | Science Blue | white, 4.8 to 1 |
| 48 | `#006ace` | `oklch(53.15% 0.1761 255.17)` | Royal Navy Blue | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9046e7 0.0%, #9d40de 2.1%, #ac39ce 4.3%, #bc2fb9 6.4%, #ca259f 8.5%, #d61c82 10.6%, #de1965 12.8%, #e32049 14.9%, #e62b31 17.0%, #e83718 19.1%, #e94400 21.3%, #e85100 23.4%, #ea5b00 25.5%, #ec6400 27.7%, #ef6d00 29.8%, #f17600 31.9%, #f38000 34.0%, #f58b00 36.2%, #f99700 38.3%, #fda300 40.4%, #ffaf0f 42.6%, #febb25 44.7%, #fcc532 46.8%, #f6cc39 48.9%, #edcf39 51.1%, #e0ce31 53.2%, #cecb21 55.3%, #bac503 57.4%, #a3bf00 59.6%, #8bba00 61.7%, #70b600 63.8%, #52b41e 66.0%, #2cb53a 68.1%, #00b759 70.2%, #00b873 72.3%, #00bb87 74.5%, #00bf99 76.6%, #00c1a8 78.7%, #00c2b5 80.9%, #00c0be 83.0%, #00bac3 85.1%, #00b0c6 87.2%, #00a5c6 89.4%, #0098c5 91.5%, #008bc4 93.6%, #007fc5 95.7%, #0073c8 97.9%, #006ace 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.2301 300.23) 0.0%, oklch(57.25% 0.2295 307.31) 2.1%, oklch(57.39% 0.2288 317.17) 4.3%, oklch(57.57% 0.2281 328.93) 6.4%, oklch(57.80% 0.2271 341.74) 8.5%, oklch(58.12% 0.2259 354.72) 10.6%, oklch(58.57% 0.2244 6.99) 12.8%, oklch(59.18% 0.2224 17.69) 14.9%, oklch(59.99% 0.2200 25.96) 17.0%, oklch(61.00% 0.2171 32.05) 19.1%, oklch(62.19% 0.2099 36.62) 21.3%, oklch(63.51% 0.1988 40.14) 23.4%, oklch(64.96% 0.1924 42.99) 25.5%, oklch(66.51% 0.1883 45.59) 27.7%, oklch(68.11% 0.1846 48.33) 29.8%, oklch(69.76% 0.1803 51.63) 31.9%, oklch(71.45% 0.1752 55.84) 34.0%, oklch(73.58% 0.1717 60.50) 36.2%, oklch(76.05% 0.1701 65.37) 38.3%, oklch(78.66% 0.1700 70.42) 40.4%, oklch(81.16% 0.1686 75.64) 42.6%, oklch(83.33% 0.1643 80.95) 44.7%, oklch(84.95% 0.1612 86.34) 46.8%, oklch(85.78% 0.1598 91.79) 48.9%, oklch(85.57% 0.1606 97.25) 51.1%, oklch(84.15% 0.1641 102.75) 53.2%, oklch(81.81% 0.1698 108.30) 55.3%, oklch(78.91% 0.1768 113.94) 57.4%, oklch(75.77% 0.1793 119.68) 59.6%, oklch(72.76% 0.1842 125.57) 61.7%, oklch(70.20% 0.1937 131.61) 63.8%, oklch(68.45% 0.1994 137.84) 66.0%, oklch(67.79% 0.1994 144.28) 68.1%, oklch(68.07% 0.1835 150.92) 70.2%, oklch(68.99% 0.1621 157.75) 72.3%, oklch(70.26% 0.1482 164.74) 74.5%, oklch(71.59% 0.1390 171.85) 76.6%, oklch(72.68% 0.1327 179.06) 78.7%, oklch(73.24% 0.1282 186.35) 80.9%, oklch(72.98% 0.1248 193.69) 83.0%, oklch(71.68% 0.1219 201.40) 85.1%, oklch(69.49% 0.1202 209.91) 87.2%, oklch(66.69% 0.1205 218.83) 89.4%, oklch(63.56% 0.1236 227.75) 91.5%, oklch(60.36% 0.1303 236.24) 93.6%, oklch(57.38% 0.1413 243.92) 95.7%, oklch(54.88% 0.1569 250.36) 97.9%, oklch(53.15% 0.1761 255.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.23 | 300.2 |
| 2 | 0.598 | 0.22 | 384.8 |
| 3 | 0.709 | 0.19 | 414.4 |
| 4 | 0.858 | 0.16 | 454.5 |
| 5 | 0.681 | 0.2 | 500 |
| 6 | 0.728 | 0.169 | 554.9 |
| 7 | 0.531 | 0.24 | 615.1 |

## In these collections

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

## Other forms

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