# Amber fig rosemary rings

Maroon, tan, gray and brown radial gradient with 32 colors: #632532, #692a33, #723134, #7c3b36, #864539, #91513b, #9b5e3e, #a46c43, #ab7948, #af854e, #b28f56, #b2985e, #b0a168, #aeaa74, #acb281, #aab88f, #a8bd9a, #a8bfa4, #a8c0aa, #a8bead, #a6baac, #a2b4a8, #9baa9e, #909d91, #848d81, #767c6f, #686b5e, #5a5a4d, #4d4b3d, #423d30, #393226, #322a1f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Maroon, tan, gray and brown radial gradient
- Seed: `kUW0IHVh9IeCKSKlCDZg`
- Page: https://grabient.com/kUW0IHVh9IeCKSKlCDZg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 7.2 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 | `#632532` | `oklch(35.83% 0.0909 9.84)` | Blackberry Pie | white, 11.4 to 1 |
| 2 | `#692a33` | `oklch(37.75% 0.0909 13.95)` | Lovestruck | white, 10.5 to 1 |
| 3 | `#723134` | `oklch(40.35% 0.0910 19.20)` | Red Wine Vinegar | white, 9.5 to 1 |
| 4 | `#7c3b36` | `oklch(43.46% 0.0913 25.39)` | Kokiake Brown | white, 8.3 to 1 |
| 5 | `#864539` | `oklch(46.94% 0.0916 32.34)` | Sequoia | white, 7.1 to 1 |
| 6 | `#91513b` | `oklch(50.63% 0.0918 39.86)` | Sierra Redwood | white, 6 to 1 |
| 7 | `#9b5e3e` | `oklch(54.39% 0.0917 47.75)` | Harrison Rust | white, 5.1 to 1 |
| 8 | `#a46c43` | `oklch(58.05% 0.0913 55.83)` | Vintage Pottery | black, 4.7 to 1 |
| 9 | `#ab7948` | `oklch(61.48% 0.0903 63.92)` | Hidden Morel | black, 5.5 to 1 |
| 10 | `#af854e` | `oklch(64.53% 0.0887 71.81)` | Camel Spider | black, 6.2 to 1 |
| 11 | `#b28f56` | `oklch(67.03% 0.0864 79.32)` | Golden Egg | black, 6.9 to 1 |
| 12 | `#b2985e` | `oklch(69.02% 0.0831 86.72)` | Edgy Gold | black, 7.5 to 1 |
| 13 | `#b0a168` | `oklch(70.99% 0.0785 95.20)` | Wavy Glass | black, 8.1 to 1 |
| 14 | `#aeaa74` | `oklch(72.89% 0.0729 104.45)` | Cardamom | black, 8.8 to 1 |
| 15 | `#acb281` | `oklch(74.63% 0.0666 114.06)` | Great Green | black, 9.4 to 1 |
| 16 | `#aab88f` | `oklch(76.14% 0.0599 123.59)` | Autumn Meadow | black, 9.9 to 1 |
| 17 | `#a8bd9a` | `oklch(77.31% 0.0531 132.63)` | Ash Tree | black, 10.4 to 1 |
| 18 | `#a8bfa4` | `oklch(78.08% 0.0464 140.73)` | Bryophyte | black, 10.6 to 1 |
| 19 | `#a8c0aa` | `oklch(78.35% 0.0401 147.49)` | Young Gecko | black, 10.7 to 1 |
| 20 | `#a8bead` | `oklch(78.04% 0.0345 152.47)` | Young Gecko | black, 10.6 to 1 |
| 21 | `#a6baac` | `oklch(77.05% 0.0299 155.25)` | Silt Green | black, 10.2 to 1 |
| 22 | `#a2b4a8` | `oklch(75.28% 0.0266 155.37)` | Frosty Green | black, 9.6 to 1 |
| 23 | `#9baa9e` | `oklch(72.30% 0.0242 152.28)` | Scotland Road | black, 8.6 to 1 |
| 24 | `#909d91` | `oklch(68.21% 0.0227 146.40)` | Balsam Fir | black, 7.4 to 1 |
| 25 | `#848d81` | `oklch(63.30% 0.0217 138.36)` | Fat Cat | black, 6.1 to 1 |
| 26 | `#767c6f` | `oklch(57.84% 0.0213 128.80)` | Wild Pigeon | black, 4.9 to 1 |
| 27 | `#686b5e` | `oklch(52.11% 0.0212 118.37)` | Nature’s Gate | white, 5.4 to 1 |
| 28 | `#5a5a4d` | `oklch(46.39% 0.0214 107.70)` | Osiris | white, 6.9 to 1 |
| 29 | `#4d4b3d` | `oklch(40.96% 0.0217 97.42)` | Sooty Willow Bamboo | white, 8.8 to 1 |
| 30 | `#423d30` | `oklch(36.09% 0.0220 88.18)` | Bold Eagle | white, 10.8 to 1 |
| 31 | `#393226` | `oklch(32.05% 0.0221 80.62)` | Creole | white, 12.6 to 1 |
| 32 | `#322a1f` | `oklch(29.13% 0.0220 75.36)` | Melon Seed | white, 14 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #632532 0.0%, #692a33 3.2%, #723134 6.5%, #7c3b36 9.7%, #864539 12.9%, #91513b 16.1%, #9b5e3e 19.4%, #a46c43 22.6%, #ab7948 25.8%, #af854e 29.0%, #b28f56 32.3%, #b2985e 35.5%, #b0a168 38.7%, #aeaa74 41.9%, #acb281 45.2%, #aab88f 48.4%, #a8bd9a 51.6%, #a8bfa4 54.8%, #a8c0aa 58.1%, #a8bead 61.3%, #a6baac 64.5%, #a2b4a8 67.7%, #9baa9e 71.0%, #909d91 74.2%, #848d81 77.4%, #767c6f 80.6%, #686b5e 83.9%, #5a5a4d 87.1%, #4d4b3d 90.3%, #423d30 93.5%, #393226 96.8%, #322a1f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(35.83% 0.0909 9.84) 0.0%, oklch(37.75% 0.0909 13.95) 3.2%, oklch(40.35% 0.0910 19.20) 6.5%, oklch(43.46% 0.0913 25.39) 9.7%, oklch(46.94% 0.0916 32.34) 12.9%, oklch(50.63% 0.0918 39.86) 16.1%, oklch(54.39% 0.0917 47.75) 19.4%, oklch(58.05% 0.0913 55.83) 22.6%, oklch(61.48% 0.0903 63.92) 25.8%, oklch(64.53% 0.0887 71.81) 29.0%, oklch(67.03% 0.0864 79.32) 32.3%, oklch(69.02% 0.0831 86.72) 35.5%, oklch(70.99% 0.0785 95.20) 38.7%, oklch(72.89% 0.0729 104.45) 41.9%, oklch(74.63% 0.0666 114.06) 45.2%, oklch(76.14% 0.0599 123.59) 48.4%, oklch(77.31% 0.0531 132.63) 51.6%, oklch(78.08% 0.0464 140.73) 54.8%, oklch(78.35% 0.0401 147.49) 58.1%, oklch(78.04% 0.0345 152.47) 61.3%, oklch(77.05% 0.0299 155.25) 64.5%, oklch(75.28% 0.0266 155.37) 67.7%, oklch(72.30% 0.0242 152.28) 71.0%, oklch(68.21% 0.0227 146.40) 74.2%, oklch(63.30% 0.0217 138.36) 77.4%, oklch(57.84% 0.0213 128.80) 80.6%, oklch(52.11% 0.0212 118.37) 83.9%, oklch(46.39% 0.0214 107.70) 87.1%, oklch(40.96% 0.0217 97.42) 90.3%, oklch(36.09% 0.0220 88.18) 93.5%, oklch(32.05% 0.0221 80.62) 96.8%, oklch(29.13% 0.0220 75.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.091 | 9.8 |
| 2 | 0.677 | 0.085 | 81.7 |
| 3 | 0.76 | 0.028 | 155.7 |
| 4 | 0.291 | 0.022 | 75.4 |

## In these collections

- [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner)

## Other forms

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