# Antique gold reflection

Monochrome beige, brown and tan radial gradient with 32 colors: #f7e8b0, #f4e3a7, #f0dd99, #ebd589, #e5cc77, #e0c365, #d9ba55, #d3b149, #cba73f, #c39d37, #ba9331, #b1892c, #a97f27, #a07623, #976d20, #8f651e, #865d1c, #7d551b, #744d1a, #694618, #5c3c16, #4c3113, #3d2810, #33210e, #2e1e0d, #32210f, #422d14, #5b401c, #7a5924, #9b742c, #b78c33, #ca9d38. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome beige, brown and tan radial gradient
- Seed: `kY7DVD5K2_k2ovq3nT6IQ4_tuuQe`
- Page: https://grabient.com/kY7DVD5K2_k2ovq3nT6IQ4_tuuQe?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#f7e8b0` | `oklch(92.91% 0.0730 94.92)` | Icy Lemonade | black, 17 to 1 |
| 2 | `#f4e3a7` | `oklch(91.52% 0.0792 94.67)` | Cymophane Yellow | black, 16.3 to 1 |
| 3 | `#f0dd99` | `oklch(89.64% 0.0884 94.39)` | Gold Bullion | black, 15.4 to 1 |
| 4 | `#ebd589` | `oklch(87.40% 0.0990 94.04)` | Kaiser Cheese | black, 14.3 to 1 |
| 5 | `#e5cc77` | `oklch(84.90% 0.1096 93.55)` | Green Papaya | black, 13.2 to 1 |
| 6 | `#e0c365` | `oklch(82.28% 0.1186 92.88)` | Candelabra | black, 12.1 to 1 |
| 7 | `#d9ba55` | `oklch(79.65% 0.1247 91.97)` | Golden Bass | black, 11.1 to 1 |
| 8 | `#d3b149` | `oklch(77.00% 0.1270 90.76)` | Ceylon Yellow | black, 10.1 to 1 |
| 9 | `#cba73f` | `oklch(74.17% 0.1268 89.26)` | Aniseed | black, 9.1 to 1 |
| 10 | `#c39d37` | `oklch(71.21% 0.1247 87.54)` | Golden Mean | black, 8.1 to 1 |
| 11 | `#ba9331` | `oklch(68.18% 0.1213 85.69)` | Nugget | black, 7.2 to 1 |
| 12 | `#b1892c` | `oklch(65.15% 0.1172 83.79)` | Mineral Umber | black, 6.4 to 1 |
| 13 | `#a97f27` | `oklch(62.18% 0.1131 81.91)` | Burnt Honey | black, 5.7 to 1 |
| 14 | `#a07623` | `oklch(59.32% 0.1093 80.06)` | Barbarian Leather | black, 5.1 to 1 |
| 15 | `#976d20` | `oklch(56.51% 0.1049 78.02)` | Chamois Yellow | white, 4.6 to 1 |
| 16 | `#8f651e` | `oklch(53.72% 0.1001 75.90)` | Tapenade | white, 5.2 to 1 |
| 17 | `#865d1c` | `oklch(50.95% 0.0948 73.82)` | Grizzly | white, 5.8 to 1 |
| 18 | `#7d551b` | `oklch(48.18% 0.0892 71.91)` | Lizard Brown | white, 6.6 to 1 |
| 19 | `#744d1a` | `oklch(45.39% 0.0834 70.31)` | Hairy Brown | white, 7.4 to 1 |
| 20 | `#694618` | `oklch(42.44% 0.0773 69.12)` | Antique Brass | white, 8.4 to 1 |
| 21 | `#5c3c16` | `oklch(38.47% 0.0687 68.06)` | Hippogriff Brown | white, 9.9 to 1 |
| 22 | `#4c3113` | `oklch(33.94% 0.0587 67.18)` | Bavarian Sweet Mustard | white, 11.9 to 1 |
| 23 | `#3d2810` | `oklch(29.68% 0.0490 66.58)` | Brown Tumbleweed | white, 13.9 to 1 |
| 24 | `#33210e` | `oklch(26.48% 0.0414 66.38)` | Black Slug | white, 15.4 to 1 |
| 25 | `#2e1e0d` | `oklch(25.15% 0.0376 66.72)` | Coffee Grounds | white, 16 to 1 |
| 26 | `#32210f` | `oklch(26.53% 0.0395 67.71)` | Black Slug | white, 15.3 to 1 |
| 27 | `#422d14` | `oklch(31.58% 0.0488 69.78)` | Iroko | white, 12.9 to 1 |
| 28 | `#5b401c` | `oklch(39.49% 0.0639 72.73)` | Smoked Oak Brown | white, 9.5 to 1 |
| 29 | `#7a5924` | `oklch(48.87% 0.0820 76.11)` | Lizard Brown | white, 6.3 to 1 |
| 30 | `#9b742c` | `oklch(58.35% 0.1003 79.48)` | Buttered Rum | black, 4.9 to 1 |
| 31 | `#b78c33` | `oklch(66.54% 0.1161 82.38)` | Mayan Gold | black, 6.8 to 1 |
| 32 | `#ca9d38` | `oklch(72.05% 0.1268 84.35)` | Local Curry | black, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f7e8b0 0.0%, #f4e3a7 3.2%, #f0dd99 6.5%, #ebd589 9.7%, #e5cc77 12.9%, #e0c365 16.1%, #d9ba55 19.4%, #d3b149 22.6%, #cba73f 25.8%, #c39d37 29.0%, #ba9331 32.3%, #b1892c 35.5%, #a97f27 38.7%, #a07623 41.9%, #976d20 45.2%, #8f651e 48.4%, #865d1c 51.6%, #7d551b 54.8%, #744d1a 58.1%, #694618 61.3%, #5c3c16 64.5%, #4c3113 67.7%, #3d2810 71.0%, #33210e 74.2%, #2e1e0d 77.4%, #32210f 80.6%, #422d14 83.9%, #5b401c 87.1%, #7a5924 90.3%, #9b742c 93.5%, #b78c33 96.8%, #ca9d38 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0730 94.92) 0.0%, oklch(91.52% 0.0792 94.67) 3.2%, oklch(89.64% 0.0884 94.39) 6.5%, oklch(87.40% 0.0990 94.04) 9.7%, oklch(84.90% 0.1096 93.55) 12.9%, oklch(82.28% 0.1186 92.88) 16.1%, oklch(79.65% 0.1247 91.97) 19.4%, oklch(77.00% 0.1270 90.76) 22.6%, oklch(74.17% 0.1268 89.26) 25.8%, oklch(71.21% 0.1247 87.54) 29.0%, oklch(68.18% 0.1213 85.69) 32.3%, oklch(65.15% 0.1172 83.79) 35.5%, oklch(62.18% 0.1131 81.91) 38.7%, oklch(59.32% 0.1093 80.06) 41.9%, oklch(56.51% 0.1049 78.02) 45.2%, oklch(53.72% 0.1001 75.90) 48.4%, oklch(50.95% 0.0948 73.82) 51.6%, oklch(48.18% 0.0892 71.91) 54.8%, oklch(45.39% 0.0834 70.31) 58.1%, oklch(42.44% 0.0773 69.12) 61.3%, oklch(38.47% 0.0687 68.06) 64.5%, oklch(33.94% 0.0587 67.18) 67.7%, oklch(29.68% 0.0490 66.58) 71.0%, oklch(26.48% 0.0414 66.38) 74.2%, oklch(25.15% 0.0376 66.72) 77.4%, oklch(26.53% 0.0395 67.71) 80.6%, oklch(31.58% 0.0488 69.78) 83.9%, oklch(39.49% 0.0639 72.73) 87.1%, oklch(48.87% 0.0820 76.11) 90.3%, oklch(58.35% 0.1003 79.48) 93.5%, oklch(66.54% 0.1161 82.38) 96.8%, oklch(72.05% 0.1268 84.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.073 | 94.9 |
| 2 | 0.791 | 0.125 | 91.8 |
| 3 | 0.61 | 0.112 | 81.2 |
| 4 | 0.437 | 0.08 | 69.6 |
| 5 | 0.26 | 0.039 | 67.4 |
| 6 | 0.72 | 0.127 | 84.4 |

## In these collections

- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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