# Rainbow from navy to brown radial gradient

Rainbow from navy to brown radial gradient with 32 colors: #173d52, #114a5a, #0b5d60, #27735f, #558756, #879549, #b09d44, #caa148, #cfa149, #bb9e43, #959743, #628a4e, #2c775a, #005e5e, #004759, #0f3651, #162c4b, #19274a, #1b244d, #1d2453, #21255b, #272663, #2f276a, #3b266d, #492468, #59235d, #68244d, #712939, #753326, #733f18, #6e4913, #685016. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWVymoXastiaXVArKsUuJ1Rg`
- Page: https://grabient.com/kWVymoXastiaXVArKsUuJ1Rg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.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 | `#173d52` | `oklch(34.25% 0.0565 236.25)` | Duskwood | white, 11.5 to 1 |
| 2 | `#114a5a` | `oklch(38.00% 0.0623 221.45)` | Ethereal Dance | white, 9.8 to 1 |
| 3 | `#0b5d60` | `oklch(43.66% 0.0710 199.15)` | Sandhill Crane | white, 7.6 to 1 |
| 4 | `#27735f` | `oklch(50.43% 0.0814 172.47)` | Nordic Forest | white, 5.6 to 1 |
| 5 | `#558756` | `oklch(57.52% 0.0923 144.48)` | Emerald Ring | black, 5 to 1 |
| 6 | `#879549` | `oklch(64.16% 0.1026 118.30)` | Scotland Isle | black, 6.4 to 1 |
| 7 | `#b09d44` | `oklch(69.55% 0.1112 97.03)` | Queen Palm | black, 7.7 to 1 |
| 8 | `#caa148` | `oklch(72.91% 0.1169 83.75)` | Golden Sheaf | black, 8.6 to 1 |
| 9 | `#cfa149` | `oklch(73.45% 0.1184 81.54)` | Chipmunk | black, 8.8 to 1 |
| 10 | `#bb9e43` | `oklch(70.82% 0.1151 91.26)` | Tiki Torch | black, 8 to 1 |
| 11 | `#959743` | `oklch(65.69% 0.1078 110.27)` | Split Pea | black, 6.7 to 1 |
| 12 | `#628a4e` | `oklch(58.91% 0.0981 135.67)` | Topiary Sculpture | black, 5.2 to 1 |
| 13 | `#2c775a` | `oklch(51.32% 0.0874 164.55)` | Emerald Dream | white, 5.4 to 1 |
| 14 | `#005e5e` | `oklch(43.74% 0.0748 194.00)` | Sandhill Crane | white, 7.5 to 1 |
| 15 | `#004759` | `oklch(37.00% 0.0679 221.16)` | Sultan’s Silk | white, 10.2 to 1 |
| 16 | `#0f3651` | `oklch(31.95% 0.0641 242.98)` | Sea of Stars | white, 12.6 to 1 |
| 17 | `#162c4b` | `oklch(29.21% 0.0640 257.25)` | Midnight Ocean | white, 14 to 1 |
| 18 | `#19274a` | `oklch(27.95% 0.0683 265.97)` | Rurikon Blue | white, 14.7 to 1 |
| 19 | `#1b244d` | `oklch(27.74% 0.0759 270.98)` | Rurikon Blue | white, 14.9 to 1 |
| 20 | `#1d2453` | `oklch(28.34% 0.0853 273.78)` | Spacescape | white, 14.6 to 1 |
| 21 | `#21255b` | `oklch(29.48% 0.0955 275.84)` | Spacescape | white, 14.2 to 1 |
| 22 | `#272663` | `oklch(30.91% 0.1049 278.66)` | Deep Breath | white, 13.5 to 1 |
| 23 | `#2f276a` | `oklch(32.37% 0.1124 283.71)` | Indie Go | white, 12.9 to 1 |
| 24 | `#3b266d` | `oklch(33.61% 0.1167 292.48)` | Explorer of the Galaxies | white, 12.4 to 1 |
| 25 | `#492468` | `oklch(34.65% 0.1170 306.35)` | Fading Horizon | white, 12 to 1 |
| 26 | `#59235d` | `oklch(35.99% 0.1141 324.93)` | Kuwanomi Purple | white, 11.5 to 1 |
| 27 | `#68244d` | `oklch(37.54% 0.1091 346.63)` | Witch Soup | white, 10.8 to 1 |
| 28 | `#712939` | `oklch(39.19% 0.1027 9.79)` | Anthracite Red | white, 10 to 1 |
| 29 | `#753326` | `oklch(40.82% 0.0958 32.78)` | Brandy Brown | white, 9.3 to 1 |
| 30 | `#733f18` | `oklch(42.32% 0.0891 53.98)` | Walnut | white, 8.6 to 1 |
| 31 | `#6e4913` | `oklch(43.59% 0.0836 71.74)` | Antique Bronze | white, 8 to 1 |
| 32 | `#685016` | `oklch(44.49% 0.0799 84.43)` | Field Drab | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #173d52 0.0%, #114a5a 3.2%, #0b5d60 6.5%, #27735f 9.7%, #558756 12.9%, #879549 16.1%, #b09d44 19.4%, #caa148 22.6%, #cfa149 25.8%, #bb9e43 29.0%, #959743 32.3%, #628a4e 35.5%, #2c775a 38.7%, #005e5e 41.9%, #004759 45.2%, #0f3651 48.4%, #162c4b 51.6%, #19274a 54.8%, #1b244d 58.1%, #1d2453 61.3%, #21255b 64.5%, #272663 67.7%, #2f276a 71.0%, #3b266d 74.2%, #492468 77.4%, #59235d 80.6%, #68244d 83.9%, #712939 87.1%, #753326 90.3%, #733f18 93.5%, #6e4913 96.8%, #685016 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.25% 0.0565 236.25) 0.0%, oklch(38.00% 0.0623 221.45) 3.2%, oklch(43.66% 0.0710 199.15) 6.5%, oklch(50.43% 0.0814 172.47) 9.7%, oklch(57.52% 0.0923 144.48) 12.9%, oklch(64.16% 0.1026 118.30) 16.1%, oklch(69.55% 0.1112 97.03) 19.4%, oklch(72.91% 0.1169 83.75) 22.6%, oklch(73.45% 0.1184 81.54) 25.8%, oklch(70.82% 0.1151 91.26) 29.0%, oklch(65.69% 0.1078 110.27) 32.3%, oklch(58.91% 0.0981 135.67) 35.5%, oklch(51.32% 0.0874 164.55) 38.7%, oklch(43.74% 0.0748 194.00) 41.9%, oklch(37.00% 0.0679 221.16) 45.2%, oklch(31.95% 0.0641 242.98) 48.4%, oklch(29.21% 0.0640 257.25) 51.6%, oklch(27.95% 0.0683 265.97) 54.8%, oklch(27.74% 0.0759 270.98) 58.1%, oklch(28.34% 0.0853 273.78) 61.3%, oklch(29.48% 0.0955 275.84) 64.5%, oklch(30.91% 0.1049 278.66) 67.7%, oklch(32.37% 0.1124 283.71) 71.0%, oklch(33.61% 0.1167 292.48) 74.2%, oklch(34.65% 0.1170 306.35) 77.4%, oklch(35.99% 0.1141 324.93) 80.6%, oklch(37.54% 0.1091 346.63) 83.9%, oklch(39.19% 0.1027 9.79) 87.1%, oklch(40.82% 0.0958 32.78) 90.3%, oklch(42.32% 0.0891 53.98) 93.5%, oklch(43.59% 0.0836 71.74) 96.8%, oklch(44.49% 0.0799 84.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.056 | 236.3 |
| 2 | 0.736 | 0.119 | 80.9 |
| 3 | 0.303 | 0.063 | 251 |
| 4 | 0.339 | 0.117 | 295.4 |
| 5 | 0.445 | 0.08 | 444.4 |

## Other forms

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