# Gold eclipse halo

Monochrome black and brown radial gradient with 64 colors: #020202, #020202, #030303, #030303, #040403, #040403, #050504, #060604, #080705, #0a0906, #0d0b07, #110e08, #15120a, #1a160c, #211b0e, #28200f, #312711, #3b2e12, #463513, #513d13, #5d4614, #6a4f16, #765718, #82601b, #8d6920, #987226, #a27c2e, #ad8739, #b89346, #c3a154, #ceae62, #d9bc71, #e3c980, #ecd58e, #f4df9a, #fae8a4, #feeeab, #fff0b3, #fff0b0, #fbebac, #f4e3a4, #ebd899, #e0cb8c, #d3bb7e, #c5ab6e, #b79b5e, #a88a4e, #9a7a3f, #8c6b32, #7f5e26, #73531c, #694a15, #5e4210, #543a0c, #49330a, #3f2c09, #362609, #2d2009, #251b09, #1d1609, #171208, #110e07, #0c0a07, #090806. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black and brown radial gradient
- Seed: `kYFgBAGIa_kolv15HkGuZ29pECQO`
- Page: https://grabient.com/kYFgBAGIa_kolv15HkGuZ29pECQO?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 18.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 | `#020202` | `oklch(8.66% 0.0000 89.88)` | Black Hole | white, 20.7 to 1 |
| 2 | `#020202` | `oklch(9.07% 0.0006 89.86)` | Black Hole | white, 20.6 to 1 |
| 3 | `#030303` | `oklch(9.45% 0.0011 89.70)` | Armour Wash | white, 20.6 to 1 |
| 4 | `#030303` | `oklch(9.85% 0.0016 89.51)` | Armour Wash | white, 20.6 to 1 |
| 5 | `#040403` | `oklch(10.28% 0.0020 89.30)` | Armour Wash | white, 20.5 to 1 |
| 6 | `#040403` | `oklch(10.77% 0.0026 89.07)` | Armour Wash | white, 20.4 to 1 |
| 7 | `#050504` | `oklch(11.35% 0.0034 88.82)` | Black Metal | white, 20.4 to 1 |
| 8 | `#060604` | `oklch(12.04% 0.0043 88.56)` | Black Metal | white, 20.2 to 1 |
| 9 | `#080705` | `oklch(12.87% 0.0056 88.28)` | Accursed Black | white, 20.1 to 1 |
| 10 | `#0a0906` | `oklch(13.88% 0.0074 87.98)` | Badab Black Wash | white, 19.9 to 1 |
| 11 | `#0d0b07` | `oklch(15.08% 0.0095 87.67)` | Smoky Black | white, 19.6 to 1 |
| 12 | `#110e08` | `oklch(16.49% 0.0122 87.36)` | Balsam of Peru | white, 19.2 to 1 |
| 13 | `#15120a` | `oklch(18.16% 0.0156 87.03)` | Black Raspberry | white, 18.7 to 1 |
| 14 | `#1a160c` | `oklch(20.11% 0.0197 86.68)` | Soulless | white, 18 to 1 |
| 15 | `#211b0e` | `oklch(22.39% 0.0250 86.23)` | Noir Mystique | white, 17.1 to 1 |
| 16 | `#28200f` | `oklch(24.98% 0.0315 85.66)` | Black Mesa | white, 16 to 1 |
| 17 | `#312711` | `oklch(27.82% 0.0389 85.02)` | Brown Tumbleweed | white, 14.7 to 1 |
| 18 | `#3b2e12` | `oklch(30.88% 0.0470 84.34)` | Hidden Passage | white, 13.2 to 1 |
| 19 | `#463513` | `oklch(34.12% 0.0554 83.66)` | Night in the Woods | white, 11.7 to 1 |
| 20 | `#513d13` | `oklch(37.47% 0.0639 83.00)` | Pineapple | white, 10.2 to 1 |
| 21 | `#5d4614` | `oklch(40.90% 0.0723 82.40)` | Mud Brown | white, 8.9 to 1 |
| 22 | `#6a4f16` | `oklch(44.37% 0.0802 81.90)` | Field Drab | white, 7.7 to 1 |
| 23 | `#765718` | `oklch(47.83% 0.0875 81.52)` | Coffee Adept | white, 6.6 to 1 |
| 24 | `#82601b` | `oklch(51.22% 0.0939 81.30)` | Soil of Avagddu | white, 5.7 to 1 |
| 25 | `#8d6920` | `oklch(54.52% 0.0991 81.28)` | Sassy Olive | white, 5 to 1 |
| 26 | `#987226` | `oklch(57.66% 0.1028 81.48)` | Mode Beige | black, 4.7 to 1 |
| 27 | `#a27c2e` | `oklch(60.84% 0.1050 81.99)` | Arlington Bronze | black, 5.4 to 1 |
| 28 | `#ad8739` | `oklch(64.42% 0.1058 82.90)` | Garden Sprout | black, 6.2 to 1 |
| 29 | `#b89346` | `oklch(68.29% 0.1055 84.13)` | Alluvial Inca | black, 7.3 to 1 |
| 30 | `#c3a154` | `oklch(72.34% 0.1043 85.61)` | Sauterne | black, 8.5 to 1 |
| 31 | `#ceae62` | `oklch(76.42% 0.1024 87.24)` | Desert | black, 9.8 to 1 |
| 32 | `#d9bc71` | `oklch(80.41% 0.0998 88.94)` | Pineapple Wine | black, 11.3 to 1 |
| 33 | `#e3c980` | `oklch(84.19% 0.0970 90.65)` | Camel Cord | black, 12.9 to 1 |
| 34 | `#ecd58e` | `oklch(87.62% 0.0939 92.27)` | March Yellow | black, 14.4 to 1 |
| 35 | `#f4df9a` | `oklch(90.58% 0.0909 93.73)` | Sunbathed | black, 15.9 to 1 |
| 36 | `#fae8a4` | `oklch(92.94% 0.0880 94.94)` | Bleached Sunflower | black, 17.1 to 1 |
| 37 | `#feeeab` | `oklch(94.57% 0.0855 95.83)` | Transparent Yellow | black, 17.9 to 1 |
| 38 | `#fff0b3` | `oklch(95.35% 0.0795 96.31)` | Creamy Lemon | black, 18.4 to 1 |
| 39 | `#fff0b0` | `oklch(95.15% 0.0825 96.30)` | Creamy Lemon | black, 18.3 to 1 |
| 40 | `#fbebac` | `oklch(93.83% 0.0821 95.73)` | Lemon Blast | black, 17.5 to 1 |
| 41 | `#f4e3a4` | `oklch(91.49% 0.0822 94.68)` | Cymophane Yellow | black, 16.3 to 1 |
| 42 | `#ebd899` | `oklch(88.29% 0.0828 93.24)` | Ivory Buff | black, 14.8 to 1 |
| 43 | `#e0cb8c` | `oklch(84.38% 0.0835 91.49)` | Sonoma Chardonnay | black, 13 to 1 |
| 44 | `#d3bb7e` | `oklch(79.93% 0.0845 89.52)` | Further Afield | black, 11.2 to 1 |
| 45 | `#c5ab6e` | `oklch(75.08% 0.0854 87.44)` | Dried Moss | black, 9.4 to 1 |
| 46 | `#b79b5e` | `oklch(70.00% 0.0861 85.32)` | Packing Paper | black, 7.8 to 1 |
| 47 | `#a88a4e` | `oklch(64.85% 0.0865 83.27)` | Graceful Gazelle | black, 6.4 to 1 |
| 48 | `#9a7a3f` | `oklch(59.78% 0.0865 81.37)` | Gold Estate | black, 5.2 to 1 |
| 49 | `#8c6b32` | `oklch(54.95% 0.0859 79.72)` | Kimirucha Brown | white, 4.9 to 1 |
| 50 | `#7f5e26` | `oklch(50.51% 0.0846 78.41)` | Sleek Otter | white, 5.9 to 1 |
| 51 | `#73531c` | `oklch(46.64% 0.0824 77.53)` | Lizard Brown | white, 7 to 1 |
| 52 | `#694a15` | `oklch(43.33% 0.0792 77.14)` | Antique Bronze | white, 8 to 1 |
| 53 | `#5e4210` | `oklch(40.13% 0.0747 77.12)` | Mud Brown | white, 9.2 to 1 |
| 54 | `#543a0c` | `oklch(36.98% 0.0692 77.42)` | Pineapple | white, 10.5 to 1 |
| 55 | `#49330a` | `oklch(33.91% 0.0629 77.98)` | Night in the Woods | white, 11.8 to 1 |
| 56 | `#3f2c09` | `oklch(30.95% 0.0559 78.74)` | Hidden Passage | white, 13.2 to 1 |
| 57 | `#362609` | `oklch(28.11% 0.0486 79.66)` | Brown Tumbleweed | white, 14.6 to 1 |
| 58 | `#2d2009` | `oklch(25.41% 0.0411 80.67)` | Coffee Grounds | white, 15.8 to 1 |
| 59 | `#251b09` | `oklch(22.88% 0.0336 81.72)` | Burnt Coffee | white, 16.9 to 1 |
| 60 | `#1d1609` | `oklch(20.53% 0.0265 82.77)` | Noir Mystique | white, 17.9 to 1 |
| 61 | `#171208` | `oklch(18.38% 0.0199 83.75)` | Crowshead | white, 18.6 to 1 |
| 62 | `#110e07` | `oklch(16.46% 0.0141 84.61)` | Balsam of Peru | white, 19.2 to 1 |
| 63 | `#0c0a07` | `oklch(14.79% 0.0092 85.31)` | Badab Black Wash | white, 19.7 to 1 |
| 64 | `#090806` | `oklch(13.39% 0.0055 85.77)` | Accursed Black | white, 20 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #020202 0.0%, #020202 1.6%, #030303 3.2%, #030303 4.8%, #040403 6.3%, #040403 7.9%, #050504 9.5%, #060604 11.1%, #080705 12.7%, #0a0906 14.3%, #0d0b07 15.9%, #110e08 17.5%, #15120a 19.0%, #1a160c 20.6%, #211b0e 22.2%, #28200f 23.8%, #312711 25.4%, #3b2e12 27.0%, #463513 28.6%, #513d13 30.2%, #5d4614 31.7%, #6a4f16 33.3%, #765718 34.9%, #82601b 36.5%, #8d6920 38.1%, #987226 39.7%, #a27c2e 41.3%, #ad8739 42.9%, #b89346 44.4%, #c3a154 46.0%, #ceae62 47.6%, #d9bc71 49.2%, #e3c980 50.8%, #ecd58e 52.4%, #f4df9a 54.0%, #fae8a4 55.6%, #feeeab 57.1%, #fff0b3 58.7%, #fff0b0 60.3%, #fbebac 61.9%, #f4e3a4 63.5%, #ebd899 65.1%, #e0cb8c 66.7%, #d3bb7e 68.3%, #c5ab6e 69.8%, #b79b5e 71.4%, #a88a4e 73.0%, #9a7a3f 74.6%, #8c6b32 76.2%, #7f5e26 77.8%, #73531c 79.4%, #694a15 81.0%, #5e4210 82.5%, #543a0c 84.1%, #49330a 85.7%, #3f2c09 87.3%, #362609 88.9%, #2d2009 90.5%, #251b09 92.1%, #1d1609 93.7%, #171208 95.2%, #110e07 96.8%, #0c0a07 98.4%, #090806 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(9.07% 0.0006 89.86) 1.6%, oklch(9.45% 0.0011 89.70) 3.2%, oklch(9.85% 0.0016 89.51) 4.8%, oklch(10.28% 0.0020 89.30) 6.3%, oklch(10.77% 0.0026 89.07) 7.9%, oklch(11.35% 0.0034 88.82) 9.5%, oklch(12.04% 0.0043 88.56) 11.1%, oklch(12.87% 0.0056 88.28) 12.7%, oklch(13.88% 0.0074 87.98) 14.3%, oklch(15.08% 0.0095 87.67) 15.9%, oklch(16.49% 0.0122 87.36) 17.5%, oklch(18.16% 0.0156 87.03) 19.0%, oklch(20.11% 0.0197 86.68) 20.6%, oklch(22.39% 0.0250 86.23) 22.2%, oklch(24.98% 0.0315 85.66) 23.8%, oklch(27.82% 0.0389 85.02) 25.4%, oklch(30.88% 0.0470 84.34) 27.0%, oklch(34.12% 0.0554 83.66) 28.6%, oklch(37.47% 0.0639 83.00) 30.2%, oklch(40.90% 0.0723 82.40) 31.7%, oklch(44.37% 0.0802 81.90) 33.3%, oklch(47.83% 0.0875 81.52) 34.9%, oklch(51.22% 0.0939 81.30) 36.5%, oklch(54.52% 0.0991 81.28) 38.1%, oklch(57.66% 0.1028 81.48) 39.7%, oklch(60.84% 0.1050 81.99) 41.3%, oklch(64.42% 0.1058 82.90) 42.9%, oklch(68.29% 0.1055 84.13) 44.4%, oklch(72.34% 0.1043 85.61) 46.0%, oklch(76.42% 0.1024 87.24) 47.6%, oklch(80.41% 0.0998 88.94) 49.2%, oklch(84.19% 0.0970 90.65) 50.8%, oklch(87.62% 0.0939 92.27) 52.4%, oklch(90.58% 0.0909 93.73) 54.0%, oklch(92.94% 0.0880 94.94) 55.6%, oklch(94.57% 0.0855 95.83) 57.1%, oklch(95.35% 0.0795 96.31) 58.7%, oklch(95.15% 0.0825 96.30) 60.3%, oklch(93.83% 0.0821 95.73) 61.9%, oklch(91.49% 0.0822 94.68) 63.5%, oklch(88.29% 0.0828 93.24) 65.1%, oklch(84.38% 0.0835 91.49) 66.7%, oklch(79.93% 0.0845 89.52) 68.3%, oklch(75.08% 0.0854 87.44) 69.8%, oklch(70.00% 0.0861 85.32) 71.4%, oklch(64.85% 0.0865 83.27) 73.0%, oklch(59.78% 0.0865 81.37) 74.6%, oklch(54.95% 0.0859 79.72) 76.2%, oklch(50.51% 0.0846 78.41) 77.8%, oklch(46.64% 0.0824 77.53) 79.4%, oklch(43.33% 0.0792 77.14) 81.0%, oklch(40.13% 0.0747 77.12) 82.5%, oklch(36.98% 0.0692 77.42) 84.1%, oklch(33.91% 0.0629 77.98) 85.7%, oklch(30.95% 0.0559 78.74) 87.3%, oklch(28.11% 0.0486 79.66) 88.9%, oklch(25.41% 0.0411 80.67) 90.5%, oklch(22.88% 0.0336 81.72) 92.1%, oklch(20.53% 0.0265 82.77) 93.7%, oklch(18.38% 0.0199 83.75) 95.2%, oklch(16.46% 0.0141 84.61) 96.8%, oklch(14.79% 0.0092 85.31) 98.4%, oklch(13.39% 0.0055 85.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.087 | 0 | 90 |
| 2 | 0.193 | 0.018 | 86.8 |
| 3 | 0.583 | 0.103 | 81.5 |
| 4 | 0.953 | 0.083 | 96.3 |
| 5 | 0.453 | 0.081 | 77.3 |
| 6 | 0.134 | 0.006 | 85.8 |

## In these collections

- [Black and gold gradients](https://grabient.com/black-and-gold-gradients)

## Other forms

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