# Brown, tan and gray radial swatches

Brown, tan and gray radial swatches with 11 colors: #51362f, #77493d, #a6654f, #c28366, #d5a281, #e4bea1, #e4d2b7, #c7d4c1, #abc0c0, #83969d, #5f727b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kIVE2L2mZU8dWigR5NK3GrwMAV9yew`
- Page: https://grabient.com/kIVE2L2mZU8dWigR5NK3GrwMAV9yew?style=radialSwatches&steps=11&angle=120
- Drawn as: radial swatches, 11 steps, 120 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#51362f` | `oklch(36.23% 0.0410 35.12)` | American Mahogany | white, 10.9 to 1 |
| 2 | `#77493d` | `oklch(45.67% 0.0668 36.35)` | Fire Roasted | white, 7.4 to 1 |
| 3 | `#a6654f` | `oklch(57.34% 0.0907 39.43)` | Ruddy Oak | black, 4.5 to 1 |
| 4 | `#c28366` | `oklch(66.83% 0.0885 45.57)` | Toasted Nut | black, 6.7 to 1 |
| 5 | `#d5a281` | `oklch(75.18% 0.0757 54.16)` | Orange Maple | black, 9.3 to 1 |
| 6 | `#e4bea1` | `oklch(82.78% 0.0587 59.61)` | Eggshell Paper | black, 12.2 to 1 |
| 7 | `#e4d2b7` | `oklch(87.15% 0.0413 78.06)` | Comfy Beige | black, 14.2 to 1 |
| 8 | `#c7d4c1` | `oklch(85.49% 0.0298 136.91)` | Tomatillo Peel | black, 13.6 to 1 |
| 9 | `#abc0c0` | `oklch(79.19% 0.0230 196.70)` | Glacier Blue | black, 11 to 1 |
| 10 | `#83969d` | `oklch(66.09% 0.0236 219.83)` | Morning at Sea | black, 6.8 to 1 |
| 11 | `#5f727b` | `oklch(53.98% 0.0266 228.13)` | Desert Night | white, 5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #51362f 0.000% 9.091%, #77493d 9.091% 18.182%, #a6654f 18.182% 27.273%, #c28366 27.273% 36.364%, #d5a281 36.364% 45.455%, #e4bea1 45.455% 54.545%, #e4d2b7 54.545% 63.636%, #c7d4c1 63.636% 72.727%, #abc0c0 72.727% 81.818%, #83969d 81.818% 90.909%, #5f727b 90.909% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(36.23% 0.0410 35.12) 0.000% 9.091%, oklch(45.67% 0.0668 36.35) 9.091% 18.182%, oklch(57.34% 0.0907 39.43) 18.182% 27.273%, oklch(66.83% 0.0885 45.57) 27.273% 36.364%, oklch(75.18% 0.0757 54.16) 36.364% 45.455%, oklch(82.78% 0.0587 59.61) 45.455% 54.545%, oklch(87.15% 0.0413 78.06) 54.545% 63.636%, oklch(85.49% 0.0298 136.91) 63.636% 72.727%, oklch(79.19% 0.0230 196.70) 72.727% 81.818%, oklch(66.09% 0.0236 219.83) 81.818% 90.909%, oklch(53.98% 0.0266 228.13) 90.909% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.041 | 35.1 |
| 2 | 0.573 | 0.091 | 39.4 |
| 3 | 0.752 | 0.076 | 54.2 |
| 4 | 0.871 | 0.041 | 78.1 |
| 5 | 0.792 | 0.023 | 196.7 |
| 6 | 0.54 | 0.027 | 228.1 |

## In these collections

- [Color, Slightly Off](https://grabient.com/colour-slightly-off)

## Other forms

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