# Navy, gray, beige and maroon radial gradient

Navy, gray, beige and maroon radial gradient with 32 colors: #002c5a, #033061, #153564, #233c67, #2f456c, #394f72, #425c7a, #486d85, #52838e, #679b94, #87b096, #acc199, #cbcd9e, #dfd5a5, #ecddab, #f3e3af, #f5e7b0, #f4e7ad, #f1e1a5, #edd598, #e6bf85, #d9a271, #c78361, #b26556, #9c4d50, #8a3b4a, #7c2f45, #70253e, #671c38, #601632, #5a102d, #550b29. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYS0u0vJU_ewXLrxnb6PCc2aYnPs`
- Page: https://grabient.com/kYS0u0vJU_ewXLrxnb6PCc2aYnPs?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: triadic
- Contrast of its darkest and lightest colors: 11.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 | `#002c5a` | `oklch(29.54% 0.0938 253.94)` | Marine | white, 13.9 to 1 |
| 2 | `#033061` | `oklch(31.21% 0.0980 254.93)` | Marine | white, 13.1 to 1 |
| 3 | `#153564` | `oklch(33.35% 0.0902 257.77)` | Funnel Cloud | white, 12.1 to 1 |
| 4 | `#233c67` | `oklch(35.96% 0.0812 260.61)` | Limoges | white, 10.9 to 1 |
| 5 | `#2f456c` | `oklch(39.05% 0.0721 261.73)` | Forlorn Cruise | white, 9.6 to 1 |
| 6 | `#394f72` | `oklch(42.64% 0.0642 259.40)` | Blue Flag | white, 8.2 to 1 |
| 7 | `#425c7a` | `oklch(46.75% 0.0586 251.88)` | Newburyport | white, 6.8 to 1 |
| 8 | `#486d85` | `oklch(51.76% 0.0560 236.74)` | Blue Loneliness | white, 5.5 to 1 |
| 9 | `#52838e` | `oklch(58.08% 0.0554 213.60)` | Cape Lee | black, 5 to 1 |
| 10 | `#679b94` | `oklch(65.07% 0.0562 185.85)` | Soft Touch | black, 6.6 to 1 |
| 11 | `#87b096` | `oklch(72.08% 0.0580 156.97)` | Covent Garden | black, 8.7 to 1 |
| 12 | `#acc199` | `oklch(78.45% 0.0603 130.41)` | Harmonious | black, 10.8 to 1 |
| 13 | `#cbcd9e` | `oklch(83.52% 0.0626 109.66)` | Dancing Kite | black, 12.7 to 1 |
| 14 | `#dfd5a5` | `oklch(86.96% 0.0646 97.64)` | Buckwheat Groats | black, 14.2 to 1 |
| 15 | `#ecddab` | `oklch(89.65% 0.0669 92.93)` | Creamy Ivory | black, 15.4 to 1 |
| 16 | `#f3e3af` | `oklch(91.57% 0.0696 92.91)` | Meringue | black, 16.3 to 1 |
| 17 | `#f5e7b0` | `oklch(92.53% 0.0726 95.02)` | Icy Lemonade | black, 16.8 to 1 |
| 18 | `#f4e7ad` | `oklch(92.37% 0.0758 96.71)` | Glisten Yellow | black, 16.8 to 1 |
| 19 | `#f1e1a5` | `oklch(90.92% 0.0792 95.41)` | French Vanilla | black, 16 to 1 |
| 20 | `#edd598` | `oklch(87.92% 0.0828 88.76)` | White Corn | black, 14.5 to 1 |
| 21 | `#e6bf85` | `oklch(82.51% 0.0872 77.26)` | Cassava Cake | black, 12.1 to 1 |
| 22 | `#d9a271` | `oklch(75.30% 0.0920 62.80)` | Japanese Yew | black, 9.3 to 1 |
| 23 | `#c78361` | `oklch(67.18% 0.0970 47.14)` | Clove Bud | black, 6.8 to 1 |
| 24 | `#b26556` | `oklch(59.05% 0.1015 32.03)` | Aragon | black, 4.8 to 1 |
| 25 | `#9c4d50` | `oklch(51.80% 0.1053 19.23)` | Sweet Cherry | white, 5.8 to 1 |
| 26 | `#8a3b4a` | `oklch(46.30% 0.1079 10.45)` | Burnt Russet | white, 7.4 to 1 |
| 27 | `#7c2f45` | `oklch(42.07% 0.1091 5.39)` | Rhododendron | white, 8.9 to 1 |
| 28 | `#70253e` | `oklch(38.56% 0.1094 2.84)` | Rocking Chair | white, 10.3 to 1 |
| 29 | `#671c38` | `oklch(35.69% 0.1091 2.03)` | Wine Country | white, 11.6 to 1 |
| 30 | `#601632` | `oklch(33.35% 0.1084 2.19)` | Brown Chocolate | white, 12.7 to 1 |
| 31 | `#5a102d` | `oklch(31.46% 0.1078 2.54)` | Brown Chocolate | white, 13.6 to 1 |
| 32 | `#550b29` | `oklch(29.92% 0.1075 2.32)` | Fig Balsamic | white, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #002c5a 0.0%, #033061 3.2%, #153564 6.5%, #233c67 9.7%, #2f456c 12.9%, #394f72 16.1%, #425c7a 19.4%, #486d85 22.6%, #52838e 25.8%, #679b94 29.0%, #87b096 32.3%, #acc199 35.5%, #cbcd9e 38.7%, #dfd5a5 41.9%, #ecddab 45.2%, #f3e3af 48.4%, #f5e7b0 51.6%, #f4e7ad 54.8%, #f1e1a5 58.1%, #edd598 61.3%, #e6bf85 64.5%, #d9a271 67.7%, #c78361 71.0%, #b26556 74.2%, #9c4d50 77.4%, #8a3b4a 80.6%, #7c2f45 83.9%, #70253e 87.1%, #671c38 90.3%, #601632 93.5%, #5a102d 96.8%, #550b29 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.54% 0.0938 253.94) 0.0%, oklch(31.21% 0.0980 254.93) 3.2%, oklch(33.35% 0.0902 257.77) 6.5%, oklch(35.96% 0.0812 260.61) 9.7%, oklch(39.05% 0.0721 261.73) 12.9%, oklch(42.64% 0.0642 259.40) 16.1%, oklch(46.75% 0.0586 251.88) 19.4%, oklch(51.76% 0.0560 236.74) 22.6%, oklch(58.08% 0.0554 213.60) 25.8%, oklch(65.07% 0.0562 185.85) 29.0%, oklch(72.08% 0.0580 156.97) 32.3%, oklch(78.45% 0.0603 130.41) 35.5%, oklch(83.52% 0.0626 109.66) 38.7%, oklch(86.96% 0.0646 97.64) 41.9%, oklch(89.65% 0.0669 92.93) 45.2%, oklch(91.57% 0.0696 92.91) 48.4%, oklch(92.53% 0.0726 95.02) 51.6%, oklch(92.37% 0.0758 96.71) 54.8%, oklch(90.92% 0.0792 95.41) 58.1%, oklch(87.92% 0.0828 88.76) 61.3%, oklch(82.51% 0.0872 77.26) 64.5%, oklch(75.30% 0.0920 62.80) 67.7%, oklch(67.18% 0.0970 47.14) 71.0%, oklch(59.05% 0.1015 32.03) 74.2%, oklch(51.80% 0.1053 19.23) 77.4%, oklch(46.30% 0.1079 10.45) 80.6%, oklch(42.07% 0.1091 5.39) 83.9%, oklch(38.56% 0.1094 2.84) 87.1%, oklch(35.69% 0.1091 2.03) 90.3%, oklch(33.35% 0.1084 2.19) 93.5%, oklch(31.46% 0.1078 2.54) 96.8%, oklch(29.92% 0.1075 2.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.103 | 253.8 |
| 2 | 0.476 | 0.058 | 249.6 |
| 3 | 0.85 | 0.063 | 103.8 |
| 4 | 0.894 | 0.081 | 92.1 |
| 5 | 0.472 | 0.107 | 11.8 |
| 6 | 0.299 | 0.107 | 2.3 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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