# Antique gold crystal halo

Monochrome brown to beige radial gradient with 32 colors: #251f1b, #2b221c, #33261e, #3c2c20, #473222, #533824, #5e3f26, #6a4628, #754d2a, #7f542c, #8a5b2d, #95632f, #a06c31, #aa7433, #b47e37, #bd873c, #c59143, #cc9b4d, #d3a658, #dab165, #e0bc72, #e5c67f, #ead08c, #efd798, #f3dea2, #f6e3ad, #f9e7b7, #fbebc0, #fcedc9, #fdf0d1, #fef2d7, #fff4dc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome brown to beige radial gradient
- Seed: `kWPgknuRpAdYpQZxHsH-ww_Y`
- Page: https://grabient.com/kWPgknuRpAdYpQZxHsH-ww_Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.8 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 | `#251f1b` | `oklch(24.41% 0.0124 55.55)` | Velvet Black | white, 16.3 to 1 |
| 2 | `#2b221c` | `oklch(26.03% 0.0173 55.82)` | Kenpōzome Black | white, 15.5 to 1 |
| 3 | `#33261e` | `oklch(28.18% 0.0239 56.10)` | Wood Bark | white, 14.5 to 1 |
| 4 | `#3c2c20` | `oklch(30.74% 0.0319 56.44)` | Bistre | white, 13.3 to 1 |
| 5 | `#473222` | `oklch(33.59% 0.0406 56.86)` | Iroko | white, 12 to 1 |
| 6 | `#533824` | `oklch(36.61% 0.0495 57.40)` | Kuro Brown | white, 10.7 to 1 |
| 7 | `#5e3f26` | `oklch(39.70% 0.0583 58.09)` | Bracken | white, 9.4 to 1 |
| 8 | `#6a4628` | `oklch(42.72% 0.0664 58.97)` | Hickory Chips | white, 8.3 to 1 |
| 9 | `#754d2a` | `oklch(45.58% 0.0733 60.07)` | Chocolate Rain | white, 7.4 to 1 |
| 10 | `#7f542c` | `oklch(48.45% 0.0801 61.42)` | Lion’s Lair | white, 6.5 to 1 |
| 11 | `#8a5b2d` | `oklch(51.39% 0.0871 62.97)` | Treacle | white, 5.7 to 1 |
| 12 | `#95632f` | `oklch(54.37% 0.0938 64.70)` | Retrofit | white, 5.1 to 1 |
| 13 | `#a06c31` | `oklch(57.38% 0.1001 66.56)` | Eagle | black, 4.6 to 1 |
| 14 | `#aa7433` | `oklch(60.38% 0.1055 68.51)` | Deer Leather | black, 5.2 to 1 |
| 15 | `#b47e37` | `oklch(63.36% 0.1097 70.51)` | Gilded Gold | black, 5.9 to 1 |
| 16 | `#bd873c` | `oklch(66.28% 0.1123 72.52)` | Peanut Butter | black, 6.6 to 1 |
| 17 | `#c59143` | `oklch(69.16% 0.1132 74.55)` | Yellow Ochre | black, 7.4 to 1 |
| 18 | `#cc9b4d` | `oklch(72.13% 0.1121 76.90)` | Bales of Brown | black, 8.3 to 1 |
| 19 | `#d3a658` | `oklch(75.16% 0.1096 79.48)` | Afghan Sand | black, 9.3 to 1 |
| 20 | `#dab165` | `oklch(78.17% 0.1059 82.11)` | Stranglethorn Ochre | black, 10.4 to 1 |
| 21 | `#e0bc72` | `oklch(81.09% 0.1013 84.66)` | Swiftly Green | black, 11.6 to 1 |
| 22 | `#e5c67f` | `oklch(83.83% 0.0962 86.96)` | Beachcombing | black, 12.7 to 1 |
| 23 | `#ead08c` | `oklch(86.32% 0.0907 88.86)` | Sweet Angelica | black, 13.8 to 1 |
| 24 | `#efd798` | `oklch(88.49% 0.0854 90.19)` | Straw Yellow | black, 14.8 to 1 |
| 25 | `#f3dea2` | `oklch(90.30% 0.0798 90.83)` | Roadster Yellow | black, 15.7 to 1 |
| 26 | `#f6e3ad` | `oklch(91.82% 0.0730 90.81)` | Vanilla Cream | black, 16.5 to 1 |
| 27 | `#f9e7b7` | `oklch(93.08% 0.0655 90.31)` | Tamale Maize | black, 17.1 to 1 |
| 28 | `#fbebc0` | `oklch(94.12% 0.0577 89.48)` | Lemon Bubble | black, 17.6 to 1 |
| 29 | `#fcedc9` | `oklch(94.99% 0.0501 88.49)` | Senior Moment | black, 18.1 to 1 |
| 30 | `#fdf0d1` | `oklch(95.71% 0.0432 87.51)` | Honied White | black, 18.5 to 1 |
| 31 | `#fef2d7` | `oklch(96.32% 0.0373 86.68)` | Coffee Cream | black, 18.8 to 1 |
| 32 | `#fff4dc` | `oklch(96.85% 0.0331 86.19)` | Stellar Light | black, 19.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #251f1b 0.0%, #2b221c 3.2%, #33261e 6.5%, #3c2c20 9.7%, #473222 12.9%, #533824 16.1%, #5e3f26 19.4%, #6a4628 22.6%, #754d2a 25.8%, #7f542c 29.0%, #8a5b2d 32.3%, #95632f 35.5%, #a06c31 38.7%, #aa7433 41.9%, #b47e37 45.2%, #bd873c 48.4%, #c59143 51.6%, #cc9b4d 54.8%, #d3a658 58.1%, #dab165 61.3%, #e0bc72 64.5%, #e5c67f 67.7%, #ead08c 71.0%, #efd798 74.2%, #f3dea2 77.4%, #f6e3ad 80.6%, #f9e7b7 83.9%, #fbebc0 87.1%, #fcedc9 90.3%, #fdf0d1 93.5%, #fef2d7 96.8%, #fff4dc 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.41% 0.0124 55.55) 0.0%, oklch(26.03% 0.0173 55.82) 3.2%, oklch(28.18% 0.0239 56.10) 6.5%, oklch(30.74% 0.0319 56.44) 9.7%, oklch(33.59% 0.0406 56.86) 12.9%, oklch(36.61% 0.0495 57.40) 16.1%, oklch(39.70% 0.0583 58.09) 19.4%, oklch(42.72% 0.0664 58.97) 22.6%, oklch(45.58% 0.0733 60.07) 25.8%, oklch(48.45% 0.0801 61.42) 29.0%, oklch(51.39% 0.0871 62.97) 32.3%, oklch(54.37% 0.0938 64.70) 35.5%, oklch(57.38% 0.1001 66.56) 38.7%, oklch(60.38% 0.1055 68.51) 41.9%, oklch(63.36% 0.1097 70.51) 45.2%, oklch(66.28% 0.1123 72.52) 48.4%, oklch(69.16% 0.1132 74.55) 51.6%, oklch(72.13% 0.1121 76.90) 54.8%, oklch(75.16% 0.1096 79.48) 58.1%, oklch(78.17% 0.1059 82.11) 61.3%, oklch(81.09% 0.1013 84.66) 64.5%, oklch(83.83% 0.0962 86.96) 67.7%, oklch(86.32% 0.0907 88.86) 71.0%, oklch(88.49% 0.0854 90.19) 74.2%, oklch(90.30% 0.0798 90.83) 77.4%, oklch(91.82% 0.0730 90.81) 80.6%, oklch(93.08% 0.0655 90.31) 83.9%, oklch(94.12% 0.0577 89.48) 87.1%, oklch(94.99% 0.0501 88.49) 90.3%, oklch(95.71% 0.0432 87.51) 93.5%, oklch(96.32% 0.0373 86.68) 96.8%, oklch(96.85% 0.0331 86.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.012 | 55.5 |
| 2 | 0.449 | 0.072 | 59.8 |
| 3 | 0.677 | 0.113 | 73.5 |
| 4 | 0.89 | 0.084 | 90.4 |
| 5 | 0.969 | 0.033 | 86.2 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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