# Black, blue, gray and tan radial gradient

Black, blue, gray and tan radial gradient with 32 colors: #0c131d, #0e1721, #111b27, #15212f, #182837, #1c303f, #213848, #254050, #2b4858, #31505f, #395967, #416270, #4a6b78, #537480, #5c7d87, #64868e, #6b8e93, #739697, #7b9e9b, #84a59e, #8daba0, #96b1a2, #9fb6a3, #a6bba3, #acbea3, #b2c0a0, #b7c19b, #bdc196, #c3c190, #c8c08b, #cdbe87, #d1be84. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWLxG3MBA9M2OvRiDre5hy6I`
- Page: https://grabient.com/kWLxG3MBA9M2OvRiDre5hy6I?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 10 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 | `#0c131d` | `oklch(18.50% 0.0234 257.34)` | Midnight Edition | white, 18.6 to 1 |
| 2 | `#0e1721` | `oklch(20.02% 0.0253 255.49)` | Kuroi Black | white, 18 to 1 |
| 3 | `#111b27` | `oklch(22.01% 0.0279 253.02)` | Coarse Wool | white, 17.2 to 1 |
| 4 | `#15212f` | `oklch(24.39% 0.0311 250.08)` | Hēi Sè Black | white, 16.2 to 1 |
| 5 | `#182837` | `oklch(27.04% 0.0344 246.82)` | Abyssal Anchorfish Blue | white, 15 to 1 |
| 6 | `#1c303f` | `oklch(29.88% 0.0378 243.37)` | Tangaroa | white, 13.6 to 1 |
| 7 | `#213848` | `oklch(32.79% 0.0407 239.88)` | Tahitian Pearl | white, 12.2 to 1 |
| 8 | `#254050` | `oklch(35.69% 0.0430 236.49)` | Depths of the Nile | white, 10.9 to 1 |
| 9 | `#2b4858` | `oklch(38.49% 0.0443 233.35)` | Black Forest Blue | white, 9.7 to 1 |
| 10 | `#31505f` | `oklch(41.40% 0.0448 230.73)` | Velvet Evening | white, 8.5 to 1 |
| 11 | `#395967` | `oklch(44.46% 0.0446 228.48)` | Cadet Song | white, 7.5 to 1 |
| 12 | `#416270` | `oklch(47.62% 0.0439 226.30)` | Juniper Berry Blue | white, 6.5 to 1 |
| 13 | `#4a6b78` | `oklch(50.79% 0.0429 223.91)` | Bismarck | white, 5.7 to 1 |
| 14 | `#537480` | `oklch(53.92% 0.0419 221.03)` | San Miguel Blue | white, 5 to 1 |
| 15 | `#5c7d87` | `oklch(56.91% 0.0409 217.37)` | La Pineta | black, 4.7 to 1 |
| 16 | `#64868e` | `oklch(59.72% 0.0402 212.64)` | Arctic | black, 5.3 to 1 |
| 17 | `#6b8e93` | `oklch(62.29% 0.0398 206.53)` | Blue Shoal | black, 5.9 to 1 |
| 18 | `#739697` | `oklch(64.79% 0.0391 198.83)` | Ship Shape | black, 6.5 to 1 |
| 19 | `#7b9e9b` | `oklch(67.21% 0.0383 189.91)` | Vizcaya | black, 7.2 to 1 |
| 20 | `#84a59e` | `oklch(69.52% 0.0375 180.20)` | Scenario | black, 7.8 to 1 |
| 21 | `#8daba0` | `oklch(71.68% 0.0370 170.12)` | Rare Happening | black, 8.5 to 1 |
| 22 | `#96b1a2` | `oklch(73.64% 0.0370 160.11)` | Phoenix Tears | black, 9.1 to 1 |
| 23 | `#9fb6a3` | `oklch(75.38% 0.0377 150.59)` | Silver Leaf | black, 9.7 to 1 |
| 24 | `#a6bba3` | `oklch(76.84% 0.0394 142.00)` | Bryophyte | black, 10.2 to 1 |
| 25 | `#acbea3` | `oklch(78.00% 0.0423 134.30)` | Pale Sage | black, 10.6 to 1 |
| 26 | `#b2c0a0` | `oklch(78.82% 0.0468 126.68)` | Green Andara | black, 10.9 to 1 |
| 27 | `#b7c19b` | `oklch(79.37% 0.0524 119.26)` | Beige and Sage | black, 11.1 to 1 |
| 28 | `#bdc196` | `oklch(79.72% 0.0585 112.22)` | Beige and Sage | black, 11.2 to 1 |
| 29 | `#c3c190` | `oklch(79.92% 0.0646 105.75)` | Brimstone Butterfly | black, 11.3 to 1 |
| 30 | `#c8c08b` | `oklch(80.05% 0.0704 100.00)` | Wheat Grass | black, 11.3 to 1 |
| 31 | `#cdbe87` | `oklch(80.16% 0.0752 95.17)` | Dry Leaf | black, 11.3 to 1 |
| 32 | `#d1be84` | `oklch(80.31% 0.0785 91.43)` | Dry Leaf | black, 11.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0c131d 0.0%, #0e1721 3.2%, #111b27 6.5%, #15212f 9.7%, #182837 12.9%, #1c303f 16.1%, #213848 19.4%, #254050 22.6%, #2b4858 25.8%, #31505f 29.0%, #395967 32.3%, #416270 35.5%, #4a6b78 38.7%, #537480 41.9%, #5c7d87 45.2%, #64868e 48.4%, #6b8e93 51.6%, #739697 54.8%, #7b9e9b 58.1%, #84a59e 61.3%, #8daba0 64.5%, #96b1a2 67.7%, #9fb6a3 71.0%, #a6bba3 74.2%, #acbea3 77.4%, #b2c0a0 80.6%, #b7c19b 83.9%, #bdc196 87.1%, #c3c190 90.3%, #c8c08b 93.5%, #cdbe87 96.8%, #d1be84 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0234 257.34) 0.0%, oklch(20.02% 0.0253 255.49) 3.2%, oklch(22.01% 0.0279 253.02) 6.5%, oklch(24.39% 0.0311 250.08) 9.7%, oklch(27.04% 0.0344 246.82) 12.9%, oklch(29.88% 0.0378 243.37) 16.1%, oklch(32.79% 0.0407 239.88) 19.4%, oklch(35.69% 0.0430 236.49) 22.6%, oklch(38.49% 0.0443 233.35) 25.8%, oklch(41.40% 0.0448 230.73) 29.0%, oklch(44.46% 0.0446 228.48) 32.3%, oklch(47.62% 0.0439 226.30) 35.5%, oklch(50.79% 0.0429 223.91) 38.7%, oklch(53.92% 0.0419 221.03) 41.9%, oklch(56.91% 0.0409 217.37) 45.2%, oklch(59.72% 0.0402 212.64) 48.4%, oklch(62.29% 0.0398 206.53) 51.6%, oklch(64.79% 0.0391 198.83) 54.8%, oklch(67.21% 0.0383 189.91) 58.1%, oklch(69.52% 0.0375 180.20) 61.3%, oklch(71.68% 0.0370 170.12) 64.5%, oklch(73.64% 0.0370 160.11) 67.7%, oklch(75.38% 0.0377 150.59) 71.0%, oklch(76.84% 0.0394 142.00) 74.2%, oklch(78.00% 0.0423 134.30) 77.4%, oklch(78.82% 0.0468 126.68) 80.6%, oklch(79.37% 0.0524 119.26) 83.9%, oklch(79.72% 0.0585 112.22) 87.1%, oklch(79.92% 0.0646 105.75) 90.3%, oklch(80.05% 0.0704 100.00) 93.5%, oklch(80.16% 0.0752 95.17) 96.8%, oklch(80.31% 0.0785 91.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.023 | 257.3 |
| 2 | 0.378 | 0.044 | 234.1 |
| 3 | 0.61 | 0.04 | 209.8 |
| 4 | 0.772 | 0.04 | 140 |
| 5 | 0.803 | 0.079 | 91.4 |

## In these collections

- [Jasmine harvest dawn](https://grabient.com/jasmine-harvest-dawn)

## Other forms

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