# Brown, navy and black radial gradient

Brown, navy and black radial gradient with 32 colors: #a96741, #a86244, #a65d49, #a3574f, #9e5156, #974c5e, #8e4866, #84446d, #774173, #6a3e77, #5c3c79, #4e3a78, #403876, #323672, #26346c, #1c3166, #142d60, #0e2959, #0b2552, #0a204b, #0b1b44, #0c163c, #0c1135, #0c0c2d, #0b0826, #0a051f, #080318, #060112, #05010d, #040008, #030006, #020004. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSk0kjKKMuogLxa`
- Page: https://grabient.com/kSk0kjKKMuogLxa?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.6 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 | `#a96741` | `oklch(57.87% 0.1006 49.22)` | Amazonian | black, 4.7 to 1 |
| 2 | `#a86244` | `oklch(56.93% 0.1006 43.55)` | Borneo | white, 4.6 to 1 |
| 3 | `#a65d49` | `oklch(55.79% 0.1007 36.13)` | Sierra | white, 4.9 to 1 |
| 4 | `#a3574f` | `oklch(54.47% 0.1010 27.23)` | Volcanic | white, 5.2 to 1 |
| 5 | `#9e5156` | `oklch(53.00% 0.1013 17.14)` | Cranberry Jam | white, 5.5 to 1 |
| 6 | `#974c5e` | `oklch(51.40% 0.1017 6.12)` | Haitian Flower | white, 5.9 to 1 |
| 7 | `#8e4866` | `oklch(49.69% 0.1021 354.44)` | Violet Quartz | white, 6.4 to 1 |
| 8 | `#84446d` | `oklch(47.88% 0.1024 342.39)` | Club Mauve | white, 6.9 to 1 |
| 9 | `#774173` | `oklch(46.01% 0.1026 330.23)` | Spring Lobster Dye | white, 7.5 to 1 |
| 10 | `#6a3e77` | `oklch(44.09% 0.1027 318.24)` | Eminence | white, 8.1 to 1 |
| 11 | `#5c3c79` | `oklch(42.14% 0.1026 306.70)` | Tillandsia Purple | white, 8.8 to 1 |
| 12 | `#4e3a78` | `oklch(40.18% 0.1022 295.87)` | Loden Purple | white, 9.5 to 1 |
| 13 | `#403876` | `oklch(38.24% 0.1016 286.04)` | Sage Violet | white, 10.2 to 1 |
| 14 | `#323672` | `oklch(36.34% 0.1006 277.47)` | Ballpoint Indigo | white, 11 to 1 |
| 15 | `#26346c` | `oklch(34.50% 0.0993 270.44)` | Passionate Blue | white, 11.7 to 1 |
| 16 | `#1c3166` | `oklch(32.74% 0.0975 265.23)` | Mythical Night | white, 12.5 to 1 |
| 17 | `#142d60` | `oklch(31.05% 0.0953 262.04)` | Mythical Night | white, 13.2 to 1 |
| 18 | `#0e2959` | `oklch(29.29% 0.0923 260.62)` | Dark Tyrian Blue | white, 14.1 to 1 |
| 19 | `#0b2552` | `oklch(27.46% 0.0887 260.73)` | Dark Soul | white, 14.9 to 1 |
| 20 | `#0a204b` | `oklch(25.58% 0.0847 262.16)` | Oxford Blue | white, 15.8 to 1 |
| 21 | `#0b1b44` | `oklch(23.67% 0.0801 264.74)` | Maastricht Blue | white, 16.7 to 1 |
| 22 | `#0c163c` | `oklch(21.74% 0.0753 268.25)` | Navy | white, 17.5 to 1 |
| 23 | `#0c1135` | `oklch(19.82% 0.0703 272.51)` | Spanish Roast | white, 18.3 to 1 |
| 24 | `#0c0c2d` | `oklch(17.94% 0.0651 277.31)` | Mysterious Depths | white, 18.9 to 1 |
| 25 | `#0b0826` | `oklch(16.10% 0.0599 282.47)` | Mysterious Depths | white, 19.5 to 1 |
| 26 | `#0a051f` | `oklch(14.33% 0.0548 287.79)` | Election Night | white, 19.9 to 1 |
| 27 | `#080318` | `oklch(12.65% 0.0499 293.06)` | Obsidian Shard | white, 20.2 to 1 |
| 28 | `#060112` | `oklch(11.08% 0.0453 298.10)` | Obsidian Shard | white, 20.5 to 1 |
| 29 | `#05010d` | `oklch(9.64% 0.0411 302.71)` | Broken Tube | white, 20.6 to 1 |
| 30 | `#040008` | `oklch(8.35% 0.0373 306.69)` | Raven’s Coat | white, 20.7 to 1 |
| 31 | `#030006` | `oklch(7.23% 0.0342 309.86)` | Raven’s Coat | white, 20.8 to 1 |
| 32 | `#020004` | `oklch(6.31% 0.0316 311.95)` | Binary Black | white, 20.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a96741 0.0%, #a86244 3.2%, #a65d49 6.5%, #a3574f 9.7%, #9e5156 12.9%, #974c5e 16.1%, #8e4866 19.4%, #84446d 22.6%, #774173 25.8%, #6a3e77 29.0%, #5c3c79 32.3%, #4e3a78 35.5%, #403876 38.7%, #323672 41.9%, #26346c 45.2%, #1c3166 48.4%, #142d60 51.6%, #0e2959 54.8%, #0b2552 58.1%, #0a204b 61.3%, #0b1b44 64.5%, #0c163c 67.7%, #0c1135 71.0%, #0c0c2d 74.2%, #0b0826 77.4%, #0a051f 80.6%, #080318 83.9%, #060112 87.1%, #05010d 90.3%, #040008 93.5%, #030006 96.8%, #020004 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.87% 0.1006 49.22) 0.0%, oklch(56.93% 0.1006 43.55) 3.2%, oklch(55.79% 0.1007 36.13) 6.5%, oklch(54.47% 0.1010 27.23) 9.7%, oklch(53.00% 0.1013 17.14) 12.9%, oklch(51.40% 0.1017 6.12) 16.1%, oklch(49.69% 0.1021 354.44) 19.4%, oklch(47.88% 0.1024 342.39) 22.6%, oklch(46.01% 0.1026 330.23) 25.8%, oklch(44.09% 0.1027 318.24) 29.0%, oklch(42.14% 0.1026 306.70) 32.3%, oklch(40.18% 0.1022 295.87) 35.5%, oklch(38.24% 0.1016 286.04) 38.7%, oklch(36.34% 0.1006 277.47) 41.9%, oklch(34.50% 0.0993 270.44) 45.2%, oklch(32.74% 0.0975 265.23) 48.4%, oklch(31.05% 0.0953 262.04) 51.6%, oklch(29.29% 0.0923 260.62) 54.8%, oklch(27.46% 0.0887 260.73) 58.1%, oklch(25.58% 0.0847 262.16) 61.3%, oklch(23.67% 0.0801 264.74) 64.5%, oklch(21.74% 0.0753 268.25) 67.7%, oklch(19.82% 0.0703 272.51) 71.0%, oklch(17.94% 0.0651 277.31) 74.2%, oklch(16.10% 0.0599 282.47) 77.4%, oklch(14.33% 0.0548 287.79) 80.6%, oklch(12.65% 0.0499 293.06) 83.9%, oklch(11.08% 0.0453 298.10) 87.1%, oklch(9.64% 0.0411 302.71) 90.3%, oklch(8.35% 0.0373 306.69) 93.5%, oklch(7.23% 0.0342 309.86) 96.8%, oklch(6.31% 0.0316 311.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.101 | 49.2 |
| 2 | 0.319 | 0.096 | -96.6 |
| 3 | 0.063 | 0.032 | -48 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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