# Black, gray, brown and light blue radial gradient

Black, gray, brown and light blue radial gradient with 56 colors: #1f0c00, #291307, #361e18, #462c2c, #563e44, #67525e, #766778, #857d90, #9393a5, #9fa5b5, #aab4c2, #b2bec9, #b6c3cc, #b8c5cc, #b7c3c9, #b4bfc3, #afbabd, #a9b2b5, #a2aaac, #9aa1a3, #91989b, #889093, #80888c, #777f85, #6c747c, #606672, #555867, #4d495b, #463a4d, #412d3f, #3c2230, #391b23, #381719, #3a1712, #3f1c10, #492613, #56331a, #664426, #785735, #8b6c46, #9e8258, #b0986b, #bfad7d, #c9bf8e, #cfcd9d, #cfd9ab, #cce2b9, #c9e8c8, #c7ecd6, #c7ede1, #c9edea, #cdecef, #d2eaf1, #d7e8f1, #dbe7f0, #dfe7f0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYLh8qZQerc8EPeglNL6pfJHWF0K`
- Page: https://grabient.com/kYLh8qZQerc8EPeglNL6pfJHWF0K?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 15.1 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 | `#1f0c00` | `oklch(18.11% 0.0427 59.06)` | Super Black | white, 18.8 to 1 |
| 2 | `#291307` | `oklch(21.68% 0.0415 49.23)` | Shadow Play | white, 17.5 to 1 |
| 3 | `#361e18` | `oklch(26.60% 0.0399 35.98)` | Scorched | white, 15.4 to 1 |
| 4 | `#462c2c` | `oklch(32.56% 0.0380 20.07)` | Brown Coffee | white, 12.6 to 1 |
| 5 | `#563e44` | `oklch(39.23% 0.0358 2.22)` | Beauport Aubergine | white, 9.6 to 1 |
| 6 | `#67525e` | `oklch(46.31% 0.0335 343.19)` | Purple Trinket | white, 7.1 to 1 |
| 7 | `#766778` | `oklch(53.47% 0.0311 323.72)` | Old Lavender | white, 5.2 to 1 |
| 8 | `#857d90` | `oklch(60.41% 0.0287 304.55)` | Purpletone | black, 5.3 to 1 |
| 9 | `#9393a5` | `oklch(66.80% 0.0264 286.43)` | Ash Violet | black, 6.9 to 1 |
| 10 | `#9fa5b5` | `oklch(72.32% 0.0242 270.09)` | Great Falls | black, 8.5 to 1 |
| 11 | `#aab4c2` | `oklch(76.67% 0.0223 256.29)` | Bluebeard | black, 10 to 1 |
| 12 | `#b2bec9` | `oklch(79.53% 0.0207 245.76)` | Winter Wonderland | black, 11 to 1 |
| 13 | `#b6c3cc` | `oklch(80.98% 0.0191 237.68)` | Icebreaker | black, 11.6 to 1 |
| 14 | `#b8c5cc` | `oklch(81.43% 0.0174 230.76)` | Flowing Breeze | black, 11.8 to 1 |
| 15 | `#b7c3c9` | `oklch(81.00% 0.0157 225.06)` | Lighthouse Shadows | black, 11.6 to 1 |
| 16 | `#b4bfc3` | `oklch(79.84% 0.0139 220.62)` | Grey Brook | black, 11.2 to 1 |
| 17 | `#afbabd` | `oklch(78.06% 0.0123 217.49)` | Lake Placid | black, 10.5 to 1 |
| 18 | `#a9b2b5` | `oklch(75.82% 0.0110 215.72)` | Winter Morning Mist | black, 9.7 to 1 |
| 19 | `#a2aaac` | `oklch(73.24% 0.0100 215.34)` | Pale Slate | black, 8.8 to 1 |
| 20 | `#9aa1a3` | `oklch(70.45% 0.0093 216.42)` | Tank Head | black, 8 to 1 |
| 21 | `#91989b` | `oklch(67.59% 0.0093 219.00)` | Wolverine | black, 7.1 to 1 |
| 22 | `#889093` | `oklch(64.80% 0.0098 223.13)` | Gotham Grey | black, 6.4 to 1 |
| 23 | `#80888c` | `oklch(62.20% 0.0110 228.85)` | London Road | black, 5.8 to 1 |
| 24 | `#777f85` | `oklch(59.24% 0.0132 237.09)` | Downing Slate | black, 5.1 to 1 |
| 25 | `#6c747c` | `oklch(55.44% 0.0164 248.38)` | Silver Hill | white, 4.7 to 1 |
| 26 | `#606672` | `oklch(51.04% 0.0205 262.11)` | British Shorthair | white, 5.7 to 1 |
| 27 | `#555867` | `oklch(46.32% 0.0251 277.70)` | Blackwater | white, 7 to 1 |
| 28 | `#4d495b` | `oklch(41.52% 0.0301 294.56)` | House Stark Grey | white, 8.7 to 1 |
| 29 | `#463a4d` | `oklch(36.90% 0.0352 312.10)` | Mysterioso | white, 10.6 to 1 |
| 30 | `#412d3f` | `oklch(32.73% 0.0404 329.74)` | Barossa | white, 12.5 to 1 |
| 31 | `#3c2230` | `oklch(29.25% 0.0453 346.89)` | Sitter Red | white, 14.2 to 1 |
| 32 | `#391b23` | `oklch(26.73% 0.0497 2.95)` | Bruised Plum | white, 15.4 to 1 |
| 33 | `#381719` | `oklch(25.43% 0.0536 17.34)` | Rustic Red | white, 16.1 to 1 |
| 34 | `#3a1712` | `oklch(25.59% 0.0565 29.47)` | Dark Sienna | white, 16 to 1 |
| 35 | `#3f1c10` | `oklch(27.51% 0.0589 39.38)` | Délicieux au Chocolat | white, 15.1 to 1 |
| 36 | `#492613` | `oklch(31.08% 0.0610 47.71)` | Brown Study | white, 13.3 to 1 |
| 37 | `#56331a` | `oklch(35.98% 0.0630 54.79)` | Brown Bramble | white, 11 to 1 |
| 38 | `#664426` | `oklch(41.88% 0.0647 60.96)` | Florida’s Alligator | white, 8.6 to 1 |
| 39 | `#785735` | `oklch(48.46% 0.0660 66.55)` | Cold Brew Coffee | white, 6.5 to 1 |
| 40 | `#8b6c46` | `oklch(55.38% 0.0670 71.90)` | Grecian Helmet | white, 4.8 to 1 |
| 41 | `#9e8258` | `oklch(62.33% 0.0676 77.33)` | Lavish Gold | black, 5.8 to 1 |
| 42 | `#b0986b` | `oklch(68.98% 0.0677 83.19)` | Cool Camel | black, 7.5 to 1 |
| 43 | `#bfad7d` | `oklch(75.00% 0.0673 89.80)` | Nettle | black, 9.4 to 1 |
| 44 | `#c9bf8e` | `oklch(80.07% 0.0663 97.50)` | Lime Peel | black, 11.3 to 1 |
| 45 | `#cfcd9d` | `oklch(83.86% 0.0648 106.62)` | Wasabi Zing | black, 12.9 to 1 |
| 46 | `#cfd9ab` | `oklch(86.54% 0.0622 117.60)` | Chameleon | black, 14.1 to 1 |
| 47 | `#cce2b9` | `oklch(88.57% 0.0586 130.35)` | Iced Avocado | black, 15.1 to 1 |
| 48 | `#c9e8c8` | `oklch(90.03% 0.0541 144.42)` | Frosty Dawn | black, 15.8 to 1 |
| 49 | `#c7ecd6` | `oklch(91.02% 0.0489 159.32)` | Glacial Water Green | black, 16.3 to 1 |
| 50 | `#c7ede1` | `oklch(91.64% 0.0433 174.60)` | Teal Melody | black, 16.6 to 1 |
| 51 | `#c9edea` | `oklch(91.96% 0.0376 189.80)` | Icy Blue | black, 16.7 to 1 |
| 52 | `#cdecef` | `oklch(92.09% 0.0320 204.44)` | Hand Sanitizer | black, 16.8 to 1 |
| 53 | `#d2eaf1` | `oklch(92.12% 0.0267 218.07)` | Ice Cold | black, 16.7 to 1 |
| 54 | `#d7e8f1` | `oklch(92.14% 0.0219 230.22)` | Icicle Veil | black, 16.7 to 1 |
| 55 | `#dbe7f0` | `oklch(92.24% 0.0180 240.43)` | Space Wolves Grey | black, 16.7 to 1 |
| 56 | `#dfe7f0` | `oklch(92.52% 0.0152 248.22)` | Radiant Moon | black, 16.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1f0c00 0.0%, #291307 1.8%, #361e18 3.6%, #462c2c 5.5%, #563e44 7.3%, #67525e 9.1%, #766778 10.9%, #857d90 12.7%, #9393a5 14.5%, #9fa5b5 16.4%, #aab4c2 18.2%, #b2bec9 20.0%, #b6c3cc 21.8%, #b8c5cc 23.6%, #b7c3c9 25.5%, #b4bfc3 27.3%, #afbabd 29.1%, #a9b2b5 30.9%, #a2aaac 32.7%, #9aa1a3 34.5%, #91989b 36.4%, #889093 38.2%, #80888c 40.0%, #777f85 41.8%, #6c747c 43.6%, #606672 45.5%, #555867 47.3%, #4d495b 49.1%, #463a4d 50.9%, #412d3f 52.7%, #3c2230 54.5%, #391b23 56.4%, #381719 58.2%, #3a1712 60.0%, #3f1c10 61.8%, #492613 63.6%, #56331a 65.5%, #664426 67.3%, #785735 69.1%, #8b6c46 70.9%, #9e8258 72.7%, #b0986b 74.5%, #bfad7d 76.4%, #c9bf8e 78.2%, #cfcd9d 80.0%, #cfd9ab 81.8%, #cce2b9 83.6%, #c9e8c8 85.5%, #c7ecd6 87.3%, #c7ede1 89.1%, #c9edea 90.9%, #cdecef 92.7%, #d2eaf1 94.5%, #d7e8f1 96.4%, #dbe7f0 98.2%, #dfe7f0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0427 59.06) 0.0%, oklch(21.68% 0.0415 49.23) 1.8%, oklch(26.60% 0.0399 35.98) 3.6%, oklch(32.56% 0.0380 20.07) 5.5%, oklch(39.23% 0.0358 2.22) 7.3%, oklch(46.31% 0.0335 343.19) 9.1%, oklch(53.47% 0.0311 323.72) 10.9%, oklch(60.41% 0.0287 304.55) 12.7%, oklch(66.80% 0.0264 286.43) 14.5%, oklch(72.32% 0.0242 270.09) 16.4%, oklch(76.67% 0.0223 256.29) 18.2%, oklch(79.53% 0.0207 245.76) 20.0%, oklch(80.98% 0.0191 237.68) 21.8%, oklch(81.43% 0.0174 230.76) 23.6%, oklch(81.00% 0.0157 225.06) 25.5%, oklch(79.84% 0.0139 220.62) 27.3%, oklch(78.06% 0.0123 217.49) 29.1%, oklch(75.82% 0.0110 215.72) 30.9%, oklch(73.24% 0.0100 215.34) 32.7%, oklch(70.45% 0.0093 216.42) 34.5%, oklch(67.59% 0.0093 219.00) 36.4%, oklch(64.80% 0.0098 223.13) 38.2%, oklch(62.20% 0.0110 228.85) 40.0%, oklch(59.24% 0.0132 237.09) 41.8%, oklch(55.44% 0.0164 248.38) 43.6%, oklch(51.04% 0.0205 262.11) 45.5%, oklch(46.32% 0.0251 277.70) 47.3%, oklch(41.52% 0.0301 294.56) 49.1%, oklch(36.90% 0.0352 312.10) 50.9%, oklch(32.73% 0.0404 329.74) 52.7%, oklch(29.25% 0.0453 346.89) 54.5%, oklch(26.73% 0.0497 2.95) 56.4%, oklch(25.43% 0.0536 17.34) 58.2%, oklch(25.59% 0.0565 29.47) 60.0%, oklch(27.51% 0.0589 39.38) 61.8%, oklch(31.08% 0.0610 47.71) 63.6%, oklch(35.98% 0.0630 54.79) 65.5%, oklch(41.88% 0.0647 60.96) 67.3%, oklch(48.46% 0.0660 66.55) 69.1%, oklch(55.38% 0.0670 71.90) 70.9%, oklch(62.33% 0.0676 77.33) 72.7%, oklch(68.98% 0.0677 83.19) 74.5%, oklch(75.00% 0.0673 89.80) 76.4%, oklch(80.07% 0.0663 97.50) 78.2%, oklch(83.86% 0.0648 106.62) 80.0%, oklch(86.54% 0.0622 117.60) 81.8%, oklch(88.57% 0.0586 130.35) 83.6%, oklch(90.03% 0.0541 144.42) 85.5%, oklch(91.02% 0.0489 159.32) 87.3%, oklch(91.64% 0.0433 174.60) 89.1%, oklch(91.96% 0.0376 189.80) 90.9%, oklch(92.09% 0.0320 204.44) 92.7%, oklch(92.12% 0.0267 218.07) 94.5%, oklch(92.14% 0.0219 230.22) 96.4%, oklch(92.24% 0.0180 240.43) 98.2%, oklch(92.52% 0.0152 248.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.043 | 59.1 |
| 2 | 0.795 | 0.021 | -114.2 |
| 3 | 0.622 | 0.011 | -131.2 |
| 4 | 0.256 | 0.056 | 29.5 |
| 5 | 0.839 | 0.065 | 106.6 |
| 6 | 0.925 | 0.015 | 248.2 |

## Other forms

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