# Rainbow from blue to teal radial gradient

Rainbow from blue to teal radial gradient with 32 colors: #356fd0, #3b6bd0, #4265cf, #4a5dcd, #5355ca, #5c4ec7, #6648c4, #7244c1, #8141bd, #903fb8, #9f3eb1, #ad3da8, #ba3d9f, #c43c95, #cc3c8f, #d23c89, #d93c82, #e03d76, #e64063, #eb4843, #e35f00, #c97c00, #b28f00, #95a000, #66b036, #35b764, #00b982, #00b995, #00b9a1, #00b9aa, #14b8b0, #26b7b4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYjXa5QENDklGRdQSUS17xPFopxS`
- Page: https://grabient.com/kYjXa5QENDklGRdQSUS17xPFopxS?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.5 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 | `#356fd0` | `oklch(55.51% 0.1626 260.16)` | Han Blue | white, 4.8 to 1 |
| 2 | `#3b6bd0` | `oklch(54.84% 0.1651 263.15)` | Han Blue | white, 5 to 1 |
| 3 | `#4265cf` | `oklch(53.81% 0.1686 267.10)` | God of Rain | white, 5.2 to 1 |
| 4 | `#4a5dcd` | `oklch(52.63% 0.1727 271.86)` | Savoy Blue | white, 5.6 to 1 |
| 5 | `#5355ca` | `oklch(51.52% 0.1769 277.28)` | Iris | white, 5.9 to 1 |
| 6 | `#5c4ec7` | `oklch(50.69% 0.1809 283.21)` | Iris | white, 6.2 to 1 |
| 7 | `#6648c4` | `oklch(50.38% 0.1841 289.51)` | Waiporoporo Purple | white, 6.3 to 1 |
| 8 | `#7244c1` | `oklch(50.72% 0.1864 296.35)` | Purple Rain | white, 6.3 to 1 |
| 9 | `#8141bd` | `oklch(51.61% 0.1881 304.12)` | Harley Hair Purple | white, 6.1 to 1 |
| 10 | `#903fb8` | `oklch(52.85% 0.1893 312.47)` | Akebi Purple | white, 5.8 to 1 |
| 11 | `#9f3eb1` | `oklch(54.29% 0.1903 321.06)` | Akebi Purple | white, 5.5 to 1 |
| 12 | `#ad3da8` | `oklch(55.75% 0.1913 329.52)` | Vivid Fuchsia | white, 5.2 to 1 |
| 13 | `#ba3d9f` | `oklch(57.04% 0.1924 337.50)` | Byzantine | white, 4.9 to 1 |
| 14 | `#c43c95` | `oklch(58.07% 0.1939 344.36)` | Boat Orchid | white, 4.7 to 1 |
| 15 | `#cc3c8f` | `oklch(59.00% 0.1961 349.34)` | Magenta Pink | black, 4.5 to 1 |
| 16 | `#d23c89` | `oklch(59.88% 0.1986 353.50)` | Pink Yarrow | black, 4.7 to 1 |
| 17 | `#d93c82` | `oklch(60.73% 0.2008 358.07)` | Pink Yarrow | black, 4.9 to 1 |
| 18 | `#e03d76` | `oklch(61.58% 0.2022 4.27)` | Fantasy Romance | black, 5 to 1 |
| 19 | `#e64063` | `oklch(62.45% 0.2021 13.32)` | Rouge Red | black, 5.2 to 1 |
| 20 | `#eb4843` | `oklch(63.37% 0.2001 26.56)` | Carmine Pink | black, 5.5 to 1 |
| 21 | `#e35f00` | `oklch(64.38% 0.1835 45.19)` | Tobiko Orange | black, 5.8 to 1 |
| 22 | `#c97c00` | `oklch(65.43% 0.1440 67.56)` | Seabuckthorn Yellow Brown | black, 6.3 to 1 |
| 23 | `#b28f00` | `oklch(66.48% 0.1359 91.50)` | Cobra Leather | black, 6.8 to 1 |
| 24 | `#95a000` | `oklch(67.46% 0.1527 114.85)` | Noxious | black, 7.3 to 1 |
| 25 | `#66b036` | `oklch(68.33% 0.1710 135.44)` | Yule Tree | black, 7.8 to 1 |
| 26 | `#35b764` | `oklch(69.02% 0.1639 151.21)` | Cool Green | black, 8.1 to 1 |
| 27 | `#00b982` | `oklch(69.56% 0.1503 163.00)` | Slime Girl | black, 8.2 to 1 |
| 28 | `#00b995` | `oklch(69.97% 0.1354 172.20)` | Aoife’s Green | black, 8.3 to 1 |
| 29 | `#00b9a1` | `oklch(70.28% 0.1281 179.30)` | Aare River | black, 8.4 to 1 |
| 30 | `#00b9aa` | `oklch(70.52% 0.1244 184.78)` | Verditer | black, 8.4 to 1 |
| 31 | `#14b8b0` | `oklch(70.70% 0.1199 189.15)` | Super Rare Jade | black, 8.5 to 1 |
| 32 | `#26b7b4` | `oklch(70.87% 0.1144 192.88)` | Caicos Turquoise | black, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #356fd0 0.0%, #3b6bd0 3.2%, #4265cf 6.5%, #4a5dcd 9.7%, #5355ca 12.9%, #5c4ec7 16.1%, #6648c4 19.4%, #7244c1 22.6%, #8141bd 25.8%, #903fb8 29.0%, #9f3eb1 32.3%, #ad3da8 35.5%, #ba3d9f 38.7%, #c43c95 41.9%, #cc3c8f 45.2%, #d23c89 48.4%, #d93c82 51.6%, #e03d76 54.8%, #e64063 58.1%, #eb4843 61.3%, #e35f00 64.5%, #c97c00 67.7%, #b28f00 71.0%, #95a000 74.2%, #66b036 77.4%, #35b764 80.6%, #00b982 83.9%, #00b995 87.1%, #00b9a1 90.3%, #00b9aa 93.5%, #14b8b0 96.8%, #26b7b4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.51% 0.1626 260.16) 0.0%, oklch(54.84% 0.1651 263.15) 3.2%, oklch(53.81% 0.1686 267.10) 6.5%, oklch(52.63% 0.1727 271.86) 9.7%, oklch(51.52% 0.1769 277.28) 12.9%, oklch(50.69% 0.1809 283.21) 16.1%, oklch(50.38% 0.1841 289.51) 19.4%, oklch(50.72% 0.1864 296.35) 22.6%, oklch(51.61% 0.1881 304.12) 25.8%, oklch(52.85% 0.1893 312.47) 29.0%, oklch(54.29% 0.1903 321.06) 32.3%, oklch(55.75% 0.1913 329.52) 35.5%, oklch(57.04% 0.1924 337.50) 38.7%, oklch(58.07% 0.1939 344.36) 41.9%, oklch(59.00% 0.1961 349.34) 45.2%, oklch(59.88% 0.1986 353.50) 48.4%, oklch(60.73% 0.2008 358.07) 51.6%, oklch(61.58% 0.2022 4.27) 54.8%, oklch(62.45% 0.2021 13.32) 58.1%, oklch(63.37% 0.2001 26.56) 61.3%, oklch(64.38% 0.1835 45.19) 64.5%, oklch(65.43% 0.1440 67.56) 67.7%, oklch(66.48% 0.1359 91.50) 71.0%, oklch(67.46% 0.1527 114.85) 74.2%, oklch(68.33% 0.1710 135.44) 77.4%, oklch(69.02% 0.1639 151.21) 80.6%, oklch(69.56% 0.1503 163.00) 83.9%, oklch(69.97% 0.1354 172.20) 87.1%, oklch(70.28% 0.1281 179.30) 90.3%, oklch(70.52% 0.1244 184.78) 93.5%, oklch(70.70% 0.1199 189.15) 96.8%, oklch(70.87% 0.1144 192.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.163 | 260.2 |
| 2 | 0.504 | 0.185 | 290.8 |
| 3 | 0.575 | 0.193 | 340.5 |
| 4 | 0.63 | 0.201 | 380.6 |
| 5 | 0.689 | 0.165 | 508.5 |
| 6 | 0.709 | 0.114 | 552.9 |

## In these collections

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

## Other forms

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