# Navy, gray and green radial gradient

Navy, gray and green radial gradient with 32 colors: #11334f, #133754, #173d5d, #1b4467, #214c72, #27547d, #2d5c86, #35658e, #3f6e95, #4a779c, #5580a3, #5f89a8, #6792ad, #6d9bb0, #73a3b1, #7babb0, #83b2ae, #8db7ac, #95bcaa, #9abfa7, #9dc2a3, #a0c59c, #a1c694, #a2c78a, #a3c680, #a4c477, #a2c06d, #9dbb63, #96b559, #8faf51, #89aa4a, #85a744. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYTy6vO59AFKWPlhkrc4yc8NawP6`
- Page: https://grabient.com/kYTy6vO59AFKWPlhkrc4yc8NawP6?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.8 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 | `#11334f` | `oklch(31.10% 0.0634 246.09)` | Sea of Stars | white, 13 to 1 |
| 2 | `#133754` | `oklch(32.72% 0.0662 246.37)` | Gibraltar Sea | white, 12.2 to 1 |
| 3 | `#173d5d` | `oklch(34.93% 0.0705 246.88)` | Poseidon | white, 11.2 to 1 |
| 4 | `#1b4467` | `oklch(37.56% 0.0755 247.43)` | Lucidity | white, 10.1 to 1 |
| 5 | `#214c72` | `oklch(40.45% 0.0802 247.83)` | Mykonos Reflection | white, 8.9 to 1 |
| 6 | `#27547d` | `oklch(43.42% 0.0838 247.86)` | Blueberry Twist | white, 7.9 to 1 |
| 7 | `#2d5c86` | `oklch(46.30% 0.0854 247.34)` | Dead Lake | white, 6.9 to 1 |
| 8 | `#35658e` | `oklch(49.12% 0.0844 246.54)` | Mississippi River | white, 6.1 to 1 |
| 9 | `#3f6e95` | `oklch(52.12% 0.0812 246.05)` | National Anthem | white, 5.4 to 1 |
| 10 | `#4a779c` | `oklch(55.22% 0.0766 245.32)` | Antarctic Blue | white, 4.7 to 1 |
| 11 | `#5580a3` | `oklch(58.30% 0.0713 243.79)` | Borage | black, 5 to 1 |
| 12 | `#5f89a8` | `oklch(61.25% 0.0661 240.88)` | Air Force Blue | black, 5.6 to 1 |
| 13 | `#6792ad` | `oklch(63.97% 0.0619 236.03)` | Blue Cruise | black, 6.3 to 1 |
| 14 | `#6d9bb0` | `oklch(66.40% 0.0588 228.45)` | Bluebird Feather | black, 6.9 to 1 |
| 15 | `#73a3b1` | `oklch(68.72% 0.0554 217.56)` | Stillwater | black, 7.6 to 1 |
| 16 | `#7babb0` | `oklch(70.90% 0.0521 204.49)` | Solution | black, 8.2 to 1 |
| 17 | `#83b2ae` | `oklch(72.89% 0.0496 190.55)` | Cold Front Green | black, 8.9 to 1 |
| 18 | `#8db7ac` | `oklch(74.63% 0.0484 177.02)` | Treetop | black, 9.5 to 1 |
| 19 | `#95bcaa` | `oklch(76.07% 0.0492 165.18)` | Mild Evergreen | black, 10 to 1 |
| 20 | `#9abfa7` | `oklch(77.17% 0.0528 156.14)` | Reeds | black, 10.4 to 1 |
| 21 | `#9dc2a3` | `oklch(77.98% 0.0599 148.84)` | Spruce Stone | black, 10.7 to 1 |
| 22 | `#a0c59c` | `oklch(78.51% 0.0695 142.74)` | French Market | black, 10.9 to 1 |
| 23 | `#a1c694` | `oklch(78.76% 0.0804 137.68)` | Arcadian Green | black, 11 to 1 |
| 24 | `#a2c78a` | `oklch(78.73% 0.0914 133.51)` | Arcadian Green | black, 11 to 1 |
| 25 | `#a3c680` | `oklch(78.42% 0.1013 130.07)` | Opaline Green | black, 10.9 to 1 |
| 26 | `#a4c477` | `oklch(77.80% 0.1088 127.22)` | Opaline Green | black, 10.7 to 1 |
| 27 | `#a2c06d` | `oklch(76.59% 0.1147 125.43)` | Tan Green | black, 10.2 to 1 |
| 28 | `#9dbb63` | `oklch(74.87% 0.1196 124.72)` | Green Pepper | black, 9.6 to 1 |
| 29 | `#96b559` | `oklch(72.90% 0.1238 124.72)` | Fresh Mown | black, 9 to 1 |
| 30 | `#8faf51` | `oklch(70.95% 0.1272 125.11)` | Parrot Green | black, 8.4 to 1 |
| 31 | `#89aa4a` | `oklch(69.26% 0.1300 125.52)` | Lime It or Leave It | black, 7.9 to 1 |
| 32 | `#85a744` | `oklch(68.11% 0.1323 125.62)` | Greenery | black, 7.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #11334f 0.0%, #133754 3.2%, #173d5d 6.5%, #1b4467 9.7%, #214c72 12.9%, #27547d 16.1%, #2d5c86 19.4%, #35658e 22.6%, #3f6e95 25.8%, #4a779c 29.0%, #5580a3 32.3%, #5f89a8 35.5%, #6792ad 38.7%, #6d9bb0 41.9%, #73a3b1 45.2%, #7babb0 48.4%, #83b2ae 51.6%, #8db7ac 54.8%, #95bcaa 58.1%, #9abfa7 61.3%, #9dc2a3 64.5%, #a0c59c 67.7%, #a1c694 71.0%, #a2c78a 74.2%, #a3c680 77.4%, #a4c477 80.6%, #a2c06d 83.9%, #9dbb63 87.1%, #96b559 90.3%, #8faf51 93.5%, #89aa4a 96.8%, #85a744 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.10% 0.0634 246.09) 0.0%, oklch(32.72% 0.0662 246.37) 3.2%, oklch(34.93% 0.0705 246.88) 6.5%, oklch(37.56% 0.0755 247.43) 9.7%, oklch(40.45% 0.0802 247.83) 12.9%, oklch(43.42% 0.0838 247.86) 16.1%, oklch(46.30% 0.0854 247.34) 19.4%, oklch(49.12% 0.0844 246.54) 22.6%, oklch(52.12% 0.0812 246.05) 25.8%, oklch(55.22% 0.0766 245.32) 29.0%, oklch(58.30% 0.0713 243.79) 32.3%, oklch(61.25% 0.0661 240.88) 35.5%, oklch(63.97% 0.0619 236.03) 38.7%, oklch(66.40% 0.0588 228.45) 41.9%, oklch(68.72% 0.0554 217.56) 45.2%, oklch(70.90% 0.0521 204.49) 48.4%, oklch(72.89% 0.0496 190.55) 51.6%, oklch(74.63% 0.0484 177.02) 54.8%, oklch(76.07% 0.0492 165.18) 58.1%, oklch(77.17% 0.0528 156.14) 61.3%, oklch(77.98% 0.0599 148.84) 64.5%, oklch(78.51% 0.0695 142.74) 67.7%, oklch(78.76% 0.0804 137.68) 71.0%, oklch(78.73% 0.0914 133.51) 74.2%, oklch(78.42% 0.1013 130.07) 77.4%, oklch(77.80% 0.1088 127.22) 80.6%, oklch(76.59% 0.1147 125.43) 83.9%, oklch(74.87% 0.1196 124.72) 87.1%, oklch(72.90% 0.1238 124.72) 90.3%, oklch(70.95% 0.1272 125.11) 93.5%, oklch(69.26% 0.1300 125.52) 96.8%, oklch(68.11% 0.1323 125.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.063 | 246.1 |
| 2 | 0.469 | 0.085 | 247.2 |
| 3 | 0.65 | 0.061 | 233.4 |
| 4 | 0.768 | 0.051 | 159.4 |
| 5 | 0.78 | 0.107 | 127.7 |
| 6 | 0.681 | 0.132 | 125.6 |

## In these collections

- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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