# Emerald brocade spotlight

A pale gold rim surrounds emerald brocade and a near-black green center, creating the sense of fabric gathered around a dim spotlight. The radial gradient works for invitation medallions, packaging fronts, and display panels that need dark cabaret depth framed by aged gilt.

- Also called: Duotone dark green to tan radial gradient
- Seed: `kWNhWFsZo-D4gP_NKDR7yNBI`
- Page: https://grabient.com/kWNhWFsZo-D4gP_NKDR7yNBI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.9 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 | `#071d1b` | `oklch(21.26% 0.0289 187.73)` | Black Stallion | white, 17.4 to 1 |
| 2 | `#07211f` | `oklch(22.74% 0.0325 186.35)` | Stellar Explorer | white, 16.8 to 1 |
| 3 | `#072723` | `oklch(24.77% 0.0376 184.38)` | Deep Slate Green | white, 15.8 to 1 |
| 4 | `#072e28` | `oklch(27.19% 0.0436 182.02)` | Guerrilla Forest | white, 14.7 to 1 |
| 5 | `#06352e` | `oklch(29.84% 0.0501 179.49)` | Fence Green | white, 13.4 to 1 |
| 6 | `#073e34` | `oklch(32.55% 0.0567 176.98)` | Botanical Night | white, 12 to 1 |
| 7 | `#074539` | `oklch(35.16% 0.0629 174.70)` | MSU Green | white, 10.8 to 1 |
| 8 | `#094d3d` | `oklch(37.50% 0.0684 172.86)` | Raspberry Leaf Green | white, 9.8 to 1 |
| 9 | `#0a5241` | `oklch(39.41% 0.0726 171.69)` | Tetsu Green | white, 9 to 1 |
| 10 | `#0a5746` | `oklch(40.99% 0.0757 172.04)` | Rousseau Green | white, 8.4 to 1 |
| 11 | `#085c4a` | `oklch(42.35% 0.0782 173.63)` | Evergreen | white, 7.9 to 1 |
| 12 | `#055f4f` | `oklch(43.56% 0.0802 175.73)` | Alpine Green | white, 7.5 to 1 |
| 13 | `#026354` | `oklch(44.68% 0.0818 177.60)` | Philodendron | white, 7.2 to 1 |
| 14 | `#026658` | `oklch(45.78% 0.0834 178.52)` | Dancing Dragonfly | white, 6.8 to 1 |
| 15 | `#056a5a` | `oklch(46.91% 0.0850 177.76)` | Fresh Ivy Green | white, 6.5 to 1 |
| 16 | `#0f6e5b` | `oklch(48.14% 0.0870 174.60)` | Teal Dark Green | white, 6.1 to 1 |
| 17 | `#1d7258` | `oklch(49.50% 0.0895 168.15)` | Tropical Rainforest | white, 5.8 to 1 |
| 18 | `#2f7550` | `oklch(50.76% 0.0927 157.56)` | Greasy Greens | white, 5.5 to 1 |
| 19 | `#447744` | `oklch(51.96% 0.0962 143.92)` | Autumn Crocodile | white, 5.2 to 1 |
| 20 | `#5b7734` | `oklch(53.18% 0.0998 128.55)` | Luck of the Irish | white, 5 to 1 |
| 21 | `#717625` | `oklch(54.52% 0.1032 112.78)` | Crocodile Eye | white, 4.8 to 1 |
| 22 | `#85751a` | `oklch(56.05% 0.1063 97.91)` | Soft Fig | white, 4.6 to 1 |
| 23 | `#97741c` | `oklch(57.85% 0.1087 85.29)` | Glazed Chestnut | black, 4.8 to 1 |
| 24 | `#a57627` | `oklch(60.02% 0.1101 76.22)` | Hot Toddy | black, 5.2 to 1 |
| 25 | `#b27c33` | `oklch(62.74% 0.1103 71.47)` | Mandalay | black, 5.8 to 1 |
| 26 | `#bd8641` | `oklch(66.19% 0.1093 69.96)` | Amber Sienna | black, 6.6 to 1 |
| 27 | `#c9934f` | `oklch(70.11% 0.1074 70.88)` | Apple Fritter | black, 7.7 to 1 |
| 28 | `#d4a15c` | `oklch(74.24% 0.1050 73.47)` | Brick Yellow | black, 9 to 1 |
| 29 | `#ddb06a` | `oklch(78.30% 0.1024 76.96)` | Sweet Maple | black, 10.4 to 1 |
| 30 | `#e6be77` | `oklch(82.02% 0.0999 80.59)` | Cloudy Sunset | black, 11.9 to 1 |
| 31 | `#edc982` | `oklch(85.15% 0.0978 83.60)` | Marzipan | black, 13.2 to 1 |
| 32 | `#f3d18b` | `oklch(87.40% 0.0965 85.23)` | Sienna Yellow | black, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #071d1b 0.0%, #07211f 3.2%, #072723 6.5%, #072e28 9.7%, #06352e 12.9%, #073e34 16.1%, #074539 19.4%, #094d3d 22.6%, #0a5241 25.8%, #0a5746 29.0%, #085c4a 32.3%, #055f4f 35.5%, #026354 38.7%, #026658 41.9%, #056a5a 45.2%, #0f6e5b 48.4%, #1d7258 51.6%, #2f7550 54.8%, #447744 58.1%, #5b7734 61.3%, #717625 64.5%, #85751a 67.7%, #97741c 71.0%, #a57627 74.2%, #b27c33 77.4%, #bd8641 80.6%, #c9934f 83.9%, #d4a15c 87.1%, #ddb06a 90.3%, #e6be77 93.5%, #edc982 96.8%, #f3d18b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0289 187.73) 0.0%, oklch(22.74% 0.0325 186.35) 3.2%, oklch(24.77% 0.0376 184.38) 6.5%, oklch(27.19% 0.0436 182.02) 9.7%, oklch(29.84% 0.0501 179.49) 12.9%, oklch(32.55% 0.0567 176.98) 16.1%, oklch(35.16% 0.0629 174.70) 19.4%, oklch(37.50% 0.0684 172.86) 22.6%, oklch(39.41% 0.0726 171.69) 25.8%, oklch(40.99% 0.0757 172.04) 29.0%, oklch(42.35% 0.0782 173.63) 32.3%, oklch(43.56% 0.0802 175.73) 35.5%, oklch(44.68% 0.0818 177.60) 38.7%, oklch(45.78% 0.0834 178.52) 41.9%, oklch(46.91% 0.0850 177.76) 45.2%, oklch(48.14% 0.0870 174.60) 48.4%, oklch(49.50% 0.0895 168.15) 51.6%, oklch(50.76% 0.0927 157.56) 54.8%, oklch(51.96% 0.0962 143.92) 58.1%, oklch(53.18% 0.0998 128.55) 61.3%, oklch(54.52% 0.1032 112.78) 64.5%, oklch(56.05% 0.1063 97.91) 67.7%, oklch(57.85% 0.1087 85.29) 71.0%, oklch(60.02% 0.1101 76.22) 74.2%, oklch(62.74% 0.1103 71.47) 77.4%, oklch(66.19% 0.1093 69.96) 80.6%, oklch(70.11% 0.1074 70.88) 83.9%, oklch(74.24% 0.1050 73.47) 87.1%, oklch(78.30% 0.1024 76.96) 90.3%, oklch(82.02% 0.0999 80.59) 93.5%, oklch(85.15% 0.0978 83.60) 96.8%, oklch(87.40% 0.0965 85.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.029 | 187.7 |
| 2 | 0.39 | 0.072 | 171.9 |
| 3 | 0.488 | 0.088 | 171.9 |
| 4 | 0.606 | 0.11 | 74.7 |
| 5 | 0.874 | 0.096 | 85.2 |

## In these collections

- [Opera aesthetic](https://grabient.com/opera-aesthetic)

## Other forms

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