# Rainbow from blue to orange radial gradient

Rainbow from blue to orange radial gradient with 32 colors: #013e95, #263d96, #3d3d96, #523d92, #653e8a, #754180, #844575, #8f4b69, #98535f, #9e5d57, #a36852, #a6734e, #a8824d, #a79453, #a0a761, #94bb79, #82cd98, #70dcb8, #60e7d6, #57eeed, #51f2fb, #4af3fe, #3ff1f1, #3bebd7, #4fe0b1, #70d083, #8fba51, #a7a117, #b48900, #b97200, #bc5e0e, #b95225. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUY2-4yh5RXCw0lHtK0A`
- Page: https://grabient.com/kUY2-4yh5RXCw0lHtK0A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 7.3 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 | `#013e95` | `oklch(38.98% 0.1530 259.45)` | Amalfitan Azure | white, 9.8 to 1 |
| 2 | `#263d96` | `oklch(40.04% 0.1484 267.83)` | Navy Seal | white, 9.5 to 1 |
| 3 | `#3d3d96` | `oklch(41.33% 0.1419 278.51)` | Blueberry | white, 9.1 to 1 |
| 4 | `#523d92` | `oklch(42.84% 0.1341 291.11)` | Blue Gem | white, 8.6 to 1 |
| 5 | `#653e8a` | `oklch(44.54% 0.1253 305.25)` | Lords of the Night | white, 8 to 1 |
| 6 | `#754180` | `oklch(46.40% 0.1162 320.55)` | Nightly Violet | white, 7.4 to 1 |
| 7 | `#844575` | `oklch(48.41% 0.1072 336.65)` | Club Mauve | white, 6.8 to 1 |
| 8 | `#8f4b69` | `oklch(50.55% 0.0988 353.16)` | Goddess of Dawn | white, 6.1 to 1 |
| 9 | `#98535f` | `oklch(52.78% 0.0917 9.70)` | Cuban Rhythm | white, 5.5 to 1 |
| 10 | `#9e5d57` | `oklch(55.10% 0.0863 25.91)` | Rhode Island Red | white, 5 to 1 |
| 11 | `#a36852` | `oklch(57.47% 0.0831 41.40)` | Verminlord Hide | black, 4.6 to 1 |
| 12 | `#a6734e` | `oklch(60.03% 0.0826 56.74)` | Balthasar Gold | black, 5.2 to 1 |
| 13 | `#a8824d` | `oklch(63.21% 0.0845 74.35)` | Hamster Fur | black, 5.9 to 1 |
| 14 | `#a79453` | `oklch(66.85% 0.0882 93.61)` | Salted Capers | black, 6.9 to 1 |
| 15 | `#a0a761` | `oklch(70.75% 0.0934 113.63)` | Spanish Olive | black, 8.2 to 1 |
| 16 | `#94bb79` | `oklch(74.71% 0.0997 133.53)` | Prime Merchandise | black, 9.6 to 1 |
| 17 | `#82cd98` | `oklch(78.53% 0.1066 152.44)` | Garden Glow | black, 11.1 to 1 |
| 18 | `#70dcb8` | `oklch(82.00% 0.1136 169.47)` | Beryl | black, 12.6 to 1 |
| 19 | `#60e7d6` | `oklch(84.93% 0.1203 183.75)` | Near Moon | black, 13.9 to 1 |
| 20 | `#57eeed` | `oklch(87.12% 0.1264 194.40)` | Poseidon Jr. | black, 14.9 to 1 |
| 21 | `#51f2fb` | `oklch(88.37% 0.1313 200.54)` | Frozen Turquoise | black, 15.4 to 1 |
| 22 | `#4af3fe` | `oklch(88.47% 0.1346 201.21)` | Frozen Turquoise | black, 15.5 to 1 |
| 23 | `#3ff1f1` | `oklch(87.25% 0.1371 195.35)` | Aqua Cyan | black, 15 to 1 |
| 24 | `#3bebd7` | `oklch(84.89% 0.1391 183.81)` | Frozen Boubble | black, 13.9 to 1 |
| 25 | `#4fe0b1` | `oklch(81.66% 0.1406 167.89)` | Medium Aquamarine | black, 12.6 to 1 |
| 26 | `#70d083` | `oklch(77.82% 0.1417 148.88)` | Jube Green | black, 10.9 to 1 |
| 27 | `#8fba51` | `oklch(73.62% 0.1425 128.07)` | Makin It Rain | black, 9.3 to 1 |
| 28 | `#a7a117` | `oklch(69.32% 0.1431 106.74)` | Fistfull of Green | black, 7.7 to 1 |
| 29 | `#b48900` | `oklch(65.18% 0.1334 86.18)` | Loden Yellow | black, 6.4 to 1 |
| 30 | `#b97200` | `oklch(61.46% 0.1352 67.69)` | Sweet Mulled Cider | black, 5.4 to 1 |
| 31 | `#bc5e0e` | `oklch(58.41% 0.1442 52.59)` | Super Leaf Brown | black, 4.7 to 1 |
| 32 | `#b95225` | `oklch(56.30% 0.1447 42.11)` | Roland-Garros | white, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #013e95 0.0%, #263d96 3.2%, #3d3d96 6.5%, #523d92 9.7%, #653e8a 12.9%, #754180 16.1%, #844575 19.4%, #8f4b69 22.6%, #98535f 25.8%, #9e5d57 29.0%, #a36852 32.3%, #a6734e 35.5%, #a8824d 38.7%, #a79453 41.9%, #a0a761 45.2%, #94bb79 48.4%, #82cd98 51.6%, #70dcb8 54.8%, #60e7d6 58.1%, #57eeed 61.3%, #51f2fb 64.5%, #4af3fe 67.7%, #3ff1f1 71.0%, #3bebd7 74.2%, #4fe0b1 77.4%, #70d083 80.6%, #8fba51 83.9%, #a7a117 87.1%, #b48900 90.3%, #b97200 93.5%, #bc5e0e 96.8%, #b95225 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.98% 0.1530 259.45) 0.0%, oklch(40.04% 0.1484 267.83) 3.2%, oklch(41.33% 0.1419 278.51) 6.5%, oklch(42.84% 0.1341 291.11) 9.7%, oklch(44.54% 0.1253 305.25) 12.9%, oklch(46.40% 0.1162 320.55) 16.1%, oklch(48.41% 0.1072 336.65) 19.4%, oklch(50.55% 0.0988 353.16) 22.6%, oklch(52.78% 0.0917 9.70) 25.8%, oklch(55.10% 0.0863 25.91) 29.0%, oklch(57.47% 0.0831 41.40) 32.3%, oklch(60.03% 0.0826 56.74) 35.5%, oklch(63.21% 0.0845 74.35) 38.7%, oklch(66.85% 0.0882 93.61) 41.9%, oklch(70.75% 0.0934 113.63) 45.2%, oklch(74.71% 0.0997 133.53) 48.4%, oklch(78.53% 0.1066 152.44) 51.6%, oklch(82.00% 0.1136 169.47) 54.8%, oklch(84.93% 0.1203 183.75) 58.1%, oklch(87.12% 0.1264 194.40) 61.3%, oklch(88.37% 0.1313 200.54) 64.5%, oklch(88.47% 0.1346 201.21) 67.7%, oklch(87.25% 0.1371 195.35) 71.0%, oklch(84.89% 0.1391 183.81) 74.2%, oklch(81.66% 0.1406 167.89) 77.4%, oklch(77.82% 0.1417 148.88) 80.6%, oklch(73.62% 0.1425 128.07) 83.9%, oklch(69.32% 0.1431 106.74) 87.1%, oklch(65.18% 0.1334 86.18) 90.3%, oklch(61.46% 0.1352 67.69) 93.5%, oklch(58.41% 0.1442 52.59) 96.8%, oklch(56.30% 0.1447 42.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.153 | 259.5 |
| 2 | 0.583 | 0.083 | 406.3 |
| 3 | 0.886 | 0.134 | 561.7 |
| 4 | 0.563 | 0.145 | 402.1 |

## Other forms

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