# Beige, black, gray and brown radial gradient

Beige, black, gray and brown radial gradient with 24 colors: #eee4cb, #e0ceae, #ceac85, #ba845c, #a35b3e, #8c3833, #752236, #5a1739, #401537, #291531, #1c1728, #1a1c24, #24282c, #3b4345, #5c6b68, #879889, #b8bea2, #ded4b1, #edd4b1, #e7c5a3, #d5ac8c, #be9271, #a87a59, #9b6b4b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW6ho_syq3B8EMpvkityJw74`
- Page: https://grabient.com/kW6ho_syq3B8EMpvkityJw74?style=radialGradient&steps=24&angle=0
- Drawn as: radial gradient, 24 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#eee4cb` | `oklch(92.13% 0.0358 89.30)` | Hidden Diary | black, 16.6 to 1 |
| 2 | `#e0ceae` | `oklch(85.72% 0.0475 81.18)` | Boutique Beige | black, 13.5 to 1 |
| 3 | `#ceac85` | `oklch(76.47% 0.0655 70.25)` | DaVanzo Beige | black, 9.8 to 1 |
| 4 | `#ba845c` | `oklch(65.76% 0.0856 57.10)` | Southern Barrens Mud | black, 6.5 to 1 |
| 5 | `#a35b3e` | `oklch(54.98% 0.1036 42.32)` | Falling Leaves | white, 5 to 1 |
| 6 | `#8c3833` | `oklch(45.53% 0.1152 26.49)` | Decadent Red | white, 7.7 to 1 |
| 7 | `#752236` | `oklch(38.68% 0.1161 10.16)` | Whisky Cola | white, 10.3 to 1 |
| 8 | `#5a1739` | `oklch(32.86% 0.1039 353.33)` | Soul Anchor | white, 12.9 to 1 |
| 9 | `#401537` | `oklch(27.68% 0.0825 335.59)` | Nightly Voyager | white, 15.2 to 1 |
| 10 | `#291531` | `oklch(23.83% 0.0571 316.57)` | Dark Prom Queen | white, 16.8 to 1 |
| 11 | `#1c1728` | `oklch(21.97% 0.0331 295.94)` | Sambucus | white, 17.4 to 1 |
| 12 | `#1a1c24` | `oklch(22.79% 0.0157 273.34)` | Coarse Wool | white, 17 to 1 |
| 13 | `#24282c` | `oklch(27.38% 0.0092 247.83)` | Black Grey | white, 14.8 to 1 |
| 14 | `#3b4345` | `oklch(37.67% 0.0111 216.77)` | Metropolitan Silhouette | white, 10.1 to 1 |
| 15 | `#5c6b68` | `oklch(51.50% 0.0183 182.58)` | Artistic Stone | white, 5.5 to 1 |
| 16 | `#879889` | `oklch(66.13% 0.0286 148.40)` | Manifest | black, 6.8 to 1 |
| 17 | `#b8bea2` | `oklch(78.82% 0.0393 117.39)` | Quiet Waters | black, 10.8 to 1 |
| 18 | `#ded4b1` | `oklch(86.84% 0.0480 92.70)` | Rice Paddy | black, 14.1 to 1 |
| 19 | `#edd4b1` | `oklch(88.20% 0.0539 76.35)` | Nashi Pear Beige | black, 14.6 to 1 |
| 20 | `#e7c5a3` | `oklch(84.39% 0.0597 66.23)` | Pueblo Sand | black, 12.9 to 1 |
| 21 | `#d5ac8c` | `oklch(77.40% 0.0651 60.62)` | White Acorn | black, 10.1 to 1 |
| 22 | `#be9271` | `oklch(69.21% 0.0701 57.83)` | Hickory Tint | black, 7.4 to 1 |
| 23 | `#a87a59` | `oklch(61.78% 0.0741 56.20)` | Tuscan Soil | black, 5.5 to 1 |
| 24 | `#9b6b4b` | `oklch(57.09% 0.0772 54.07)` | Brown Eyes | black, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eee4cb 0.0%, #e0ceae 4.3%, #ceac85 8.7%, #ba845c 13.0%, #a35b3e 17.4%, #8c3833 21.7%, #752236 26.1%, #5a1739 30.4%, #401537 34.8%, #291531 39.1%, #1c1728 43.5%, #1a1c24 47.8%, #24282c 52.2%, #3b4345 56.5%, #5c6b68 60.9%, #879889 65.2%, #b8bea2 69.6%, #ded4b1 73.9%, #edd4b1 78.3%, #e7c5a3 82.6%, #d5ac8c 87.0%, #be9271 91.3%, #a87a59 95.7%, #9b6b4b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0358 89.30) 0.0%, oklch(85.72% 0.0475 81.18) 4.3%, oklch(76.47% 0.0655 70.25) 8.7%, oklch(65.76% 0.0856 57.10) 13.0%, oklch(54.98% 0.1036 42.32) 17.4%, oklch(45.53% 0.1152 26.49) 21.7%, oklch(38.68% 0.1161 10.16) 26.1%, oklch(32.86% 0.1039 353.33) 30.4%, oklch(27.68% 0.0825 335.59) 34.8%, oklch(23.83% 0.0571 316.57) 39.1%, oklch(21.97% 0.0331 295.94) 43.5%, oklch(22.79% 0.0157 273.34) 47.8%, oklch(27.38% 0.0092 247.83) 52.2%, oklch(37.67% 0.0111 216.77) 56.5%, oklch(51.50% 0.0183 182.58) 60.9%, oklch(66.13% 0.0286 148.40) 65.2%, oklch(78.82% 0.0393 117.39) 69.6%, oklch(86.84% 0.0480 92.70) 73.9%, oklch(88.20% 0.0539 76.35) 78.3%, oklch(84.39% 0.0597 66.23) 82.6%, oklch(77.40% 0.0651 60.62) 87.0%, oklch(69.21% 0.0701 57.83) 91.3%, oklch(61.78% 0.0741 56.20) 95.7%, oklch(57.09% 0.0772 54.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.036 | 89.3 |
| 2 | 0.402 | 0.117 | 14.3 |
| 3 | 0.244 | 0.011 | -98.8 |
| 4 | 0.878 | 0.05 | -272.1 |
| 5 | 0.571 | 0.077 | -305.9 |

## Other forms

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