# Gray to navy radial gradient

Gray to navy radial gradient with 32 colors: #e9dbda, #e6d7d6, #e3d2d2, #e0cdcc, #dcc7c6, #d7c0c0, #d2b9b9, #ccb1b3, #c5aaad, #bda2a7, #b39aa1, #a9919a, #9e8993, #93808d, #887886, #7f707f, #75697a, #6b6174, #615a6f, #57536a, #4c4c65, #424661, #38415d, #303d59, #293a56, #233955, #1e3754, #193755, #153755, #123756, #0e3656, #0a3656. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW5QsP4Yu-sYKuetkzkKRq94`
- Page: https://grabient.com/kW5QsP4Yu-sYKuetkzkKRq94?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: light to dark, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#e9dbda` | `oklch(90.16% 0.0152 21.80)` | Homoeopathic Rose | black, 15.5 to 1 |
| 2 | `#e6d7d6` | `oklch(89.15% 0.0166 21.24)` | Lost Love | black, 15 to 1 |
| 3 | `#e3d2d2` | `oklch(87.86% 0.0187 20.81)` | Light Lavender Blush | black, 14.4 to 1 |
| 4 | `#e0cdcc` | `oklch(86.33% 0.0212 20.32)` | Delirious Donkey | black, 13.7 to 1 |
| 5 | `#dcc7c6` | `oklch(84.59% 0.0239 19.57)` | Fairview Taupe | black, 12.9 to 1 |
| 6 | `#d7c0c0` | `oklch(82.68% 0.0266 18.37)` | Peony Blush | black, 12.1 to 1 |
| 7 | `#d2b9b9` | `oklch(80.62% 0.0289 16.54)` | Mediterranean Sunset | black, 11.3 to 1 |
| 8 | `#ccb1b3` | `oklch(78.45% 0.0308 13.88)` | Izmir Pink | black, 10.5 to 1 |
| 9 | `#c5aaad` | `oklch(76.20% 0.0319 10.20)` | Pale Lychee | black, 9.7 to 1 |
| 10 | `#bda2a7` | `oklch(73.72% 0.0321 5.41)` | Tourmaline Mauve | black, 8.8 to 1 |
| 11 | `#b39aa1` | `oklch(71.02% 0.0315 359.66)` | Decorum | black, 8 to 1 |
| 12 | `#a9919a` | `oklch(68.15% 0.0306 353.17)` | Persian Pastel | black, 7.2 to 1 |
| 13 | `#9e8993` | `oklch(65.20% 0.0295 346.16)` | Art Nouveau Violet | black, 6.4 to 1 |
| 14 | `#93808d` | `oklch(62.22% 0.0286 338.83)` | Plum Swirl | black, 5.7 to 1 |
| 15 | `#887886` | `oklch(59.29% 0.0281 331.40)` | High Note | black, 5 to 1 |
| 16 | `#7f707f` | `oklch(56.46% 0.0284 324.06)` | British Grey Mauve | white, 4.6 to 1 |
| 17 | `#75697a` | `oklch(53.78% 0.0297 316.88)` | Purple Sage | white, 5.1 to 1 |
| 18 | `#6b6174` | `oklch(51.00% 0.0319 309.10)` | Iris Petal | white, 5.8 to 1 |
| 19 | `#615a6f` | `oklch(48.17% 0.0347 300.85)` | Luscious Purple | white, 6.5 to 1 |
| 20 | `#57536a` | `oklch(45.36% 0.0379 292.45)` | Freefall | white, 7.4 to 1 |
| 21 | `#4c4c65` | `oklch(42.68% 0.0414 284.22)` | Crown Blue | white, 8.2 to 1 |
| 22 | `#424661` | `oklch(40.21% 0.0450 276.47)` | Darkest Navy | white, 9.2 to 1 |
| 23 | `#38415d` | `oklch(38.02% 0.0485 269.50)` | Victory Blue | white, 10 to 1 |
| 24 | `#303d59` | `oklch(36.21% 0.0516 263.64)` | Winter Sea | white, 10.8 to 1 |
| 25 | `#293a56` | `oklch(34.85% 0.0546 259.05)` | Nautilus | white, 11.3 to 1 |
| 26 | `#233955` | `oklch(33.89% 0.0576 255.44)` | Nautilus | white, 11.8 to 1 |
| 27 | `#1e3754` | `oklch(33.26% 0.0607 252.65)` | Gibraltar Sea | white, 12 to 1 |
| 28 | `#193755` | `oklch(32.88% 0.0638 250.52)` | Gibraltar Sea | white, 12.2 to 1 |
| 29 | `#153755` | `oklch(32.67% 0.0667 248.90)` | Gibraltar Sea | white, 12.3 to 1 |
| 30 | `#123756` | `oklch(32.56% 0.0692 247.62)` | Incremental Blue | white, 12.3 to 1 |
| 31 | `#0e3656` | `oklch(32.45% 0.0714 246.53)` | Incremental Blue | white, 12.4 to 1 |
| 32 | `#0a3656` | `oklch(32.28% 0.0730 245.48)` | Incremental Blue | white, 12.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e9dbda 0.0%, #e6d7d6 3.2%, #e3d2d2 6.5%, #e0cdcc 9.7%, #dcc7c6 12.9%, #d7c0c0 16.1%, #d2b9b9 19.4%, #ccb1b3 22.6%, #c5aaad 25.8%, #bda2a7 29.0%, #b39aa1 32.3%, #a9919a 35.5%, #9e8993 38.7%, #93808d 41.9%, #887886 45.2%, #7f707f 48.4%, #75697a 51.6%, #6b6174 54.8%, #615a6f 58.1%, #57536a 61.3%, #4c4c65 64.5%, #424661 67.7%, #38415d 71.0%, #303d59 74.2%, #293a56 77.4%, #233955 80.6%, #1e3754 83.9%, #193755 87.1%, #153755 90.3%, #123756 93.5%, #0e3656 96.8%, #0a3656 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0152 21.80) 0.0%, oklch(89.15% 0.0166 21.24) 3.2%, oklch(87.86% 0.0187 20.81) 6.5%, oklch(86.33% 0.0212 20.32) 9.7%, oklch(84.59% 0.0239 19.57) 12.9%, oklch(82.68% 0.0266 18.37) 16.1%, oklch(80.62% 0.0289 16.54) 19.4%, oklch(78.45% 0.0308 13.88) 22.6%, oklch(76.20% 0.0319 10.20) 25.8%, oklch(73.72% 0.0321 5.41) 29.0%, oklch(71.02% 0.0315 359.66) 32.3%, oklch(68.15% 0.0306 353.17) 35.5%, oklch(65.20% 0.0295 346.16) 38.7%, oklch(62.22% 0.0286 338.83) 41.9%, oklch(59.29% 0.0281 331.40) 45.2%, oklch(56.46% 0.0284 324.06) 48.4%, oklch(53.78% 0.0297 316.88) 51.6%, oklch(51.00% 0.0319 309.10) 54.8%, oklch(48.17% 0.0347 300.85) 58.1%, oklch(45.36% 0.0379 292.45) 61.3%, oklch(42.68% 0.0414 284.22) 64.5%, oklch(40.21% 0.0450 276.47) 67.7%, oklch(38.02% 0.0485 269.50) 71.0%, oklch(36.21% 0.0516 263.64) 74.2%, oklch(34.85% 0.0546 259.05) 77.4%, oklch(33.89% 0.0576 255.44) 80.6%, oklch(33.26% 0.0607 252.65) 83.9%, oklch(32.88% 0.0638 250.52) 87.1%, oklch(32.67% 0.0667 248.90) 90.3%, oklch(32.56% 0.0692 247.62) 93.5%, oklch(32.45% 0.0714 246.53) 96.8%, oklch(32.28% 0.0730 245.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.015 | 21.8 |
| 2 | 0.768 | 0.032 | 11.2 |
| 3 | 0.551 | 0.029 | -39.5 |
| 4 | 0.358 | 0.052 | -97.6 |
| 5 | 0.323 | 0.073 | -114.5 |

## In these collections

- [Blue and mauve gradients](https://grabient.com/blue-and-mauve-gradients)

## Other forms

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