# Blue, brown, navy and gray radial gradient

Blue, brown, navy and gray radial gradient with 56 colors: #47828d, #467f8b, #457c8a, #437788, #427285, #416d82, #40687f, #3f637b, #3d5e77, #3a5b73, #375970, #32586d, #2d5969, #285b64, #275e5d, #2e6053, #3c6147, #4d613c, #5c5f33, #695c30, #725931, #775634, #775436, #745235, #6f4f31, #674c2d, #5d4929, #524626, #464324, #3b4025, #313c26, #283928, #213629, #1d342b, #1b332d, #193230, #183132, #193135, #1b3138, #1d313c, #21323f, #263443, #2b3647, #31384b, #373b50, #3f4055, #47465c, #514d65, #5c566e, #675f78, #736883, #7e718d, #897a97, #92829f, #9b89a6, #a18eac. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYkS6WOBRCryXq2mjEyLY1M1WRxE`
- Page: https://grabient.com/kYkS6WOBRCryXq2mjEyLY1M1WRxE?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.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 | `#47828d` | `oklch(57.09% 0.0634 210.94)` | Cape Lee | black, 4.8 to 1 |
| 2 | `#467f8b` | `oklch(56.33% 0.0629 212.92)` | Wish Upon a Star | black, 4.6 to 1 |
| 3 | `#457c8a` | `oklch(55.29% 0.0621 216.41)` | Sky Space | white, 4.6 to 1 |
| 4 | `#437788` | `oklch(54.03% 0.0612 220.92)` | Majestic Mountain | white, 4.9 to 1 |
| 5 | `#427285` | `oklch(52.62% 0.0602 225.95)` | Wild River | white, 5.2 to 1 |
| 6 | `#416d82` | `oklch(51.13% 0.0592 231.01)` | Santorini Blue | white, 5.6 to 1 |
| 7 | `#40687f` | `oklch(49.61% 0.0581 235.60)` | Ocean Storm | white, 6 to 1 |
| 8 | `#3f637b` | `oklch(48.15% 0.0572 239.23)` | Mallard Blue | white, 6.4 to 1 |
| 9 | `#3d5e77` | `oklch(46.80% 0.0563 241.39)` | China Pattern | white, 6.8 to 1 |
| 10 | `#3a5b73` | `oklch(45.63% 0.0556 241.61)` | Express Blue | white, 7.1 to 1 |
| 11 | `#375970` | `oklch(44.70% 0.0552 239.37)` | Express Blue | white, 7.4 to 1 |
| 12 | `#32586d` | `oklch(44.09% 0.0551 234.19)` | Endless Sea | white, 7.6 to 1 |
| 13 | `#2d5969` | `oklch(43.87% 0.0555 224.76)` | Deep Loch | white, 7.6 to 1 |
| 14 | `#285b64` | `oklch(44.01% 0.0563 210.85)` | Terrace Teal | white, 7.5 to 1 |
| 15 | `#275e5d` | `oklch(44.43% 0.0576 193.52)` | Calypso Green | white, 7.4 to 1 |
| 16 | `#2e6053` | `oklch(45.04% 0.0590 173.86)` | Eden | white, 7.1 to 1 |
| 17 | `#3c6147` | `oklch(45.76% 0.0606 152.92)` | Windy Pine | white, 6.9 to 1 |
| 18 | `#4d613c` | `oklch(46.51% 0.0622 131.79)` | Plasticine | white, 6.8 to 1 |
| 19 | `#5c5f33` | `oklch(47.19% 0.0635 111.55)` | Basque Green | white, 6.6 to 1 |
| 20 | `#695c30` | `oklch(47.73% 0.0646 93.26)` | Bean Green | white, 6.6 to 1 |
| 21 | `#725931` | `oklch(48.04% 0.0653 78.01)` | Moss Brown | white, 6.5 to 1 |
| 22 | `#775634` | `oklch(48.04% 0.0654 66.85)` | Cold Brew Coffee | white, 6.6 to 1 |
| 23 | `#775436` | `oklch(47.64% 0.0648 60.88)` | Pheasant Brown | white, 6.7 to 1 |
| 24 | `#745235` | `oklch(46.76% 0.0633 60.05)` | Umber Rust | white, 7 to 1 |
| 25 | `#6f4f31` | `oklch(45.45% 0.0611 63.21)` | Coffee | white, 7.4 to 1 |
| 26 | `#674c2d` | `oklch(43.80% 0.0582 69.73)` | Dallas | white, 7.9 to 1 |
| 27 | `#5d4929` | `oklch(41.91% 0.0548 78.98)` | Nightingale | white, 8.5 to 1 |
| 28 | `#524626` | `oklch(39.89% 0.0512 90.34)` | Uniform Green | white, 9.2 to 1 |
| 29 | `#464324` | `oklch(37.82% 0.0475 103.17)` | Tin Bitz | white, 10 to 1 |
| 30 | `#3b4025` | `oklch(35.81% 0.0438 116.86)` | Deep Seaweed | white, 10.8 to 1 |
| 31 | `#313c26` | `oklch(33.96% 0.0403 130.78)` | Green Kelp | white, 11.6 to 1 |
| 32 | `#283928` | `oklch(32.36% 0.0373 144.29)` | Palm Green | white, 12.3 to 1 |
| 33 | `#213629` | `oklch(31.11% 0.0348 156.78)` | Black Leather Jacket | white, 12.9 to 1 |
| 34 | `#1d342b` | `oklch(30.31% 0.0331 167.61)` | Medium Jungle Green | white, 13.2 to 1 |
| 35 | `#1b332d` | `oklch(29.86% 0.0320 177.70)` | Lacquer Green | white, 13.5 to 1 |
| 36 | `#193230` | `oklch(29.58% 0.0313 188.24)` | Dark Pine Green | white, 13.6 to 1 |
| 37 | `#183132` | `oklch(29.47% 0.0311 199.09)` | Dark Pine Green | white, 13.7 to 1 |
| 38 | `#193135` | `oklch(29.54% 0.0311 210.06)` | Dark Pine Green | white, 13.7 to 1 |
| 39 | `#1b3138` | `oklch(29.81% 0.0315 220.99)` | Ore Bluish Black | white, 13.6 to 1 |
| 40 | `#1d313c` | `oklch(30.28% 0.0320 231.72)` | Elderberry Black | white, 13.4 to 1 |
| 41 | `#21323f` | `oklch(30.95% 0.0327 242.08)` | Blue-Black | white, 13.1 to 1 |
| 42 | `#263443` | `oklch(31.83% 0.0334 251.90)` | Tahitian Pearl | white, 12.7 to 1 |
| 43 | `#2b3647` | `oklch(32.93% 0.0343 261.01)` | Pacific Line | white, 12.2 to 1 |
| 44 | `#31384b` | `oklch(34.26% 0.0351 269.25)` | German Liquorice | white, 11.6 to 1 |
| 45 | `#373b50` | `oklch(35.83% 0.0358 276.46)` | Carbon Blue | white, 11 to 1 |
| 46 | `#3f4055` | `oklch(37.83% 0.0366 282.66)` | Attorney | white, 10.1 to 1 |
| 47 | `#47465c` | `oklch(40.40% 0.0377 288.05)` | Oath | white, 9.1 to 1 |
| 48 | `#514d65` | `oklch(43.39% 0.0388 292.73)` | Legendary Purple | white, 8 to 1 |
| 49 | `#5c566e` | `oklch(46.69% 0.0401 296.75)` | Arraign | white, 7 to 1 |
| 50 | `#675f78` | `oklch(50.16% 0.0415 300.21)` | Purple Passage | white, 6 to 1 |
| 51 | `#736883` | `oklch(53.67% 0.0429 303.18)` | Aromatic | white, 5.2 to 1 |
| 52 | `#7e718d` | `oklch(57.10% 0.0442 305.74)` | Batik Lilac | black, 4.6 to 1 |
| 53 | `#897a97` | `oklch(60.30% 0.0455 307.97)` | Relic | black, 5.2 to 1 |
| 54 | `#92829f` | `oklch(63.16% 0.0466 309.94)` | Fabulous Grape | black, 5.9 to 1 |
| 55 | `#9b89a6` | `oklch(65.55% 0.0475 311.74)` | Amethyst Paint | black, 6.5 to 1 |
| 56 | `#a18eac` | `oklch(67.32% 0.0482 313.44)` | Aged to Perfection | black, 6.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #47828d 0.0%, #467f8b 1.8%, #457c8a 3.6%, #437788 5.5%, #427285 7.3%, #416d82 9.1%, #40687f 10.9%, #3f637b 12.7%, #3d5e77 14.5%, #3a5b73 16.4%, #375970 18.2%, #32586d 20.0%, #2d5969 21.8%, #285b64 23.6%, #275e5d 25.5%, #2e6053 27.3%, #3c6147 29.1%, #4d613c 30.9%, #5c5f33 32.7%, #695c30 34.5%, #725931 36.4%, #775634 38.2%, #775436 40.0%, #745235 41.8%, #6f4f31 43.6%, #674c2d 45.5%, #5d4929 47.3%, #524626 49.1%, #464324 50.9%, #3b4025 52.7%, #313c26 54.5%, #283928 56.4%, #213629 58.2%, #1d342b 60.0%, #1b332d 61.8%, #193230 63.6%, #183132 65.5%, #193135 67.3%, #1b3138 69.1%, #1d313c 70.9%, #21323f 72.7%, #263443 74.5%, #2b3647 76.4%, #31384b 78.2%, #373b50 80.0%, #3f4055 81.8%, #47465c 83.6%, #514d65 85.5%, #5c566e 87.3%, #675f78 89.1%, #736883 90.9%, #7e718d 92.7%, #897a97 94.5%, #92829f 96.4%, #9b89a6 98.2%, #a18eac 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.09% 0.0634 210.94) 0.0%, oklch(56.33% 0.0629 212.92) 1.8%, oklch(55.29% 0.0621 216.41) 3.6%, oklch(54.03% 0.0612 220.92) 5.5%, oklch(52.62% 0.0602 225.95) 7.3%, oklch(51.13% 0.0592 231.01) 9.1%, oklch(49.61% 0.0581 235.60) 10.9%, oklch(48.15% 0.0572 239.23) 12.7%, oklch(46.80% 0.0563 241.39) 14.5%, oklch(45.63% 0.0556 241.61) 16.4%, oklch(44.70% 0.0552 239.37) 18.2%, oklch(44.09% 0.0551 234.19) 20.0%, oklch(43.87% 0.0555 224.76) 21.8%, oklch(44.01% 0.0563 210.85) 23.6%, oklch(44.43% 0.0576 193.52) 25.5%, oklch(45.04% 0.0590 173.86) 27.3%, oklch(45.76% 0.0606 152.92) 29.1%, oklch(46.51% 0.0622 131.79) 30.9%, oklch(47.19% 0.0635 111.55) 32.7%, oklch(47.73% 0.0646 93.26) 34.5%, oklch(48.04% 0.0653 78.01) 36.4%, oklch(48.04% 0.0654 66.85) 38.2%, oklch(47.64% 0.0648 60.88) 40.0%, oklch(46.76% 0.0633 60.05) 41.8%, oklch(45.45% 0.0611 63.21) 43.6%, oklch(43.80% 0.0582 69.73) 45.5%, oklch(41.91% 0.0548 78.98) 47.3%, oklch(39.89% 0.0512 90.34) 49.1%, oklch(37.82% 0.0475 103.17) 50.9%, oklch(35.81% 0.0438 116.86) 52.7%, oklch(33.96% 0.0403 130.78) 54.5%, oklch(32.36% 0.0373 144.29) 56.4%, oklch(31.11% 0.0348 156.78) 58.2%, oklch(30.31% 0.0331 167.61) 60.0%, oklch(29.86% 0.0320 177.70) 61.8%, oklch(29.58% 0.0313 188.24) 63.6%, oklch(29.47% 0.0311 199.09) 65.5%, oklch(29.54% 0.0311 210.06) 67.3%, oklch(29.81% 0.0315 220.99) 69.1%, oklch(30.28% 0.0320 231.72) 70.9%, oklch(30.95% 0.0327 242.08) 72.7%, oklch(31.83% 0.0334 251.90) 74.5%, oklch(32.93% 0.0343 261.01) 76.4%, oklch(34.26% 0.0351 269.25) 78.2%, oklch(35.83% 0.0358 276.46) 80.0%, oklch(37.83% 0.0366 282.66) 81.8%, oklch(40.40% 0.0377 288.05) 83.6%, oklch(43.39% 0.0388 292.73) 85.5%, oklch(46.69% 0.0401 296.75) 87.3%, oklch(50.16% 0.0415 300.21) 89.1%, oklch(53.67% 0.0429 303.18) 90.9%, oklch(57.10% 0.0442 305.74) 92.7%, oklch(60.30% 0.0455 307.97) 94.5%, oklch(63.16% 0.0466 309.94) 96.4%, oklch(65.55% 0.0475 311.74) 98.2%, oklch(67.32% 0.0482 313.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.063 | 210.9 |
| 2 | 0.441 | 0.055 | 234.2 |
| 3 | 0.476 | 0.065 | 60.9 |
| 4 | 0.303 | 0.033 | 167.6 |
| 5 | 0.358 | 0.036 | 276.5 |
| 6 | 0.673 | 0.048 | 313.4 |

## Other forms

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