# Tan, black, lavender and salmon radial gradient

Tan, black, lavender and salmon radial gradient with 40 colors: #ddac59, #dba957, #d9a754, #d7a451, #d5a14e, #d19c4b, #cd9648, #c68e46, #be8446, #af7647, #9b6547, #825445, #684440, #513839, #3e2e31, #34282b, #33282b, #3c2c2f, #4d3336, #643e3d, #7f4b41, #995a44, #b06945, #c3764a, #d17d57, #db826e, #e0888b, #de90a7, #d799be, #cda1ce, #c5a7d6, #c1a9d9, #c1a7d8, #c3a1d3, #c897c8, #ce8bb6, #d27f9f, #d47585, #d36e6c, #d16a5a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYxFQ4VKc-iSGOBTKkWYhoz9Gwyc`
- Page: https://grabient.com/kYxFQ4VKc-iSGOBTKkWYhoz9Gwyc?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#ddac59` | `oklch(77.17% 0.1157 78.75)` | Brown Mustard | black, 10 to 1 |
| 2 | `#dba957` | `oklch(76.52% 0.1157 78.22)` | Old Whiskey | black, 9.8 to 1 |
| 3 | `#d9a754` | `oklch(75.86% 0.1162 77.94)` | Plantain Chips | black, 9.6 to 1 |
| 4 | `#d7a451` | `oklch(75.09% 0.1169 77.63)` | Plantain Chips | black, 9.3 to 1 |
| 5 | `#d5a14e` | `oklch(74.10% 0.1173 77.02)` | Angel Food Cake | black, 9 to 1 |
| 6 | `#d19c4b` | `oklch(72.79% 0.1169 75.83)` | Espresso Crema | black, 8.5 to 1 |
| 7 | `#cd9648` | `oklch(71.06% 0.1152 73.80)` | Bengal | black, 8 to 1 |
| 8 | `#c68e46` | `oklch(68.80% 0.1118 70.64)` | Garden Ochre | black, 7.3 to 1 |
| 9 | `#be8446` | `oklch(65.87% 0.1061 66.05)` | Sweet Tea | black, 6.5 to 1 |
| 10 | `#af7647` | `oklch(61.47% 0.0961 58.77)` | Exotic Life | black, 5.4 to 1 |
| 11 | `#9b6547` | `oklch(55.72% 0.0824 49.08)` | Argan Oil | white, 4.8 to 1 |
| 12 | `#825445` | `oklch(49.27% 0.0666 38.07)` | Red Hook | white, 6.3 to 1 |
| 13 | `#684440` | `oklch(42.76% 0.0505 26.79)` | Twinberry | white, 8.3 to 1 |
| 14 | `#513839` | `oklch(36.83% 0.0358 16.32)` | Droëwors | white, 10.6 to 1 |
| 15 | `#3e2e31` | `oklch(32.13% 0.0243 7.73)` | Chocolate Plum | white, 12.7 to 1 |
| 16 | `#34282b` | `oklch(29.28% 0.0175 2.08)` | Smoky Charcoal | white, 14 to 1 |
| 17 | `#33282b` | `oklch(28.93% 0.0174 0.54)` | Smoky Charcoal | white, 14.2 to 1 |
| 18 | `#3c2c2f` | `oklch(31.14% 0.0247 4.16)` | Havana | white, 13.2 to 1 |
| 19 | `#4d3336` | `oklch(35.33% 0.0377 11.65)` | Joyful Ruby | white, 11.3 to 1 |
| 20 | `#643e3d` | `oklch(40.87% 0.0543 21.35)` | Cuba Brown | white, 9.1 to 1 |
| 21 | `#7f4b41` | `oklch(47.13% 0.0722 31.59)` | Deco Red | white, 7 to 1 |
| 22 | `#995a44` | `oklch(53.48% 0.0896 40.72)` | Rookwood Terra Cotta | white, 5.3 to 1 |
| 23 | `#b06945` | `oklch(59.30% 0.1041 47.06)` | Khardic | black, 4.9 to 1 |
| 24 | `#c3764a` | `oklch(63.96% 0.1137 48.96)` | Marmalade Glaze | black, 5.9 to 1 |
| 25 | `#d17d57` | `oklch(67.14% 0.1168 44.68)` | Jack-O-Lantern | black, 6.7 to 1 |
| 26 | `#db826e` | `oklch(69.80% 0.1142 33.86)` | Indian Princess | black, 7.4 to 1 |
| 27 | `#e0888b` | `oklch(72.05% 0.1077 18.48)` | Finest Blush | black, 8 to 1 |
| 28 | `#de90a7` | `oklch(73.89% 0.0989 0.65)` | Kobi | black, 8.6 to 1 |
| 29 | `#d799be` | `oklch(75.32% 0.0893 342.48)` | Soft Fuchsia | black, 9.1 to 1 |
| 30 | `#cda1ce` | `oklch(76.35% 0.0805 326.08)` | Geranium Bud | black, 9.5 to 1 |
| 31 | `#c5a7d6` | `oklch(76.96% 0.0740 313.57)` | Perfume | black, 9.8 to 1 |
| 32 | `#c1a9d9` | `oklch(77.17% 0.0715 307.05)` | Perfume | black, 9.9 to 1 |
| 33 | `#c1a7d8` | `oklch(76.80% 0.0739 307.97)` | Perfume | black, 9.8 to 1 |
| 34 | `#c3a1d3` | `oklch(75.59% 0.0800 315.01)` | Lilac Lace | black, 9.3 to 1 |
| 35 | `#c897c8` | `oklch(73.79% 0.0886 326.43)` | Pastel Violet | black, 8.6 to 1 |
| 36 | `#ce8bb6` | `oklch(71.63% 0.0988 340.56)` | Bossy-Pants Pink | black, 7.9 to 1 |
| 37 | `#d27f9f` | `oklch(69.35% 0.1095 355.69)` | Heirloom Rose | black, 7.2 to 1 |
| 38 | `#d47585` | `oklch(67.19% 0.1196 10.13)` | Strawberry Milkshake | black, 6.6 to 1 |
| 39 | `#d36e6c` | `oklch(65.38% 0.1280 22.18)` | Coral Expression | black, 6.2 to 1 |
| 40 | `#d16a5a` | `oklch(64.17% 0.1337 30.14)` | Red Orpiment | black, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ddac59 0.0%, #dba957 2.6%, #d9a754 5.1%, #d7a451 7.7%, #d5a14e 10.3%, #d19c4b 12.8%, #cd9648 15.4%, #c68e46 17.9%, #be8446 20.5%, #af7647 23.1%, #9b6547 25.6%, #825445 28.2%, #684440 30.8%, #513839 33.3%, #3e2e31 35.9%, #34282b 38.5%, #33282b 41.0%, #3c2c2f 43.6%, #4d3336 46.2%, #643e3d 48.7%, #7f4b41 51.3%, #995a44 53.8%, #b06945 56.4%, #c3764a 59.0%, #d17d57 61.5%, #db826e 64.1%, #e0888b 66.7%, #de90a7 69.2%, #d799be 71.8%, #cda1ce 74.4%, #c5a7d6 76.9%, #c1a9d9 79.5%, #c1a7d8 82.1%, #c3a1d3 84.6%, #c897c8 87.2%, #ce8bb6 89.7%, #d27f9f 92.3%, #d47585 94.9%, #d36e6c 97.4%, #d16a5a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1157 78.75) 0.0%, oklch(76.52% 0.1157 78.22) 2.6%, oklch(75.86% 0.1162 77.94) 5.1%, oklch(75.09% 0.1169 77.63) 7.7%, oklch(74.10% 0.1173 77.02) 10.3%, oklch(72.79% 0.1169 75.83) 12.8%, oklch(71.06% 0.1152 73.80) 15.4%, oklch(68.80% 0.1118 70.64) 17.9%, oklch(65.87% 0.1061 66.05) 20.5%, oklch(61.47% 0.0961 58.77) 23.1%, oklch(55.72% 0.0824 49.08) 25.6%, oklch(49.27% 0.0666 38.07) 28.2%, oklch(42.76% 0.0505 26.79) 30.8%, oklch(36.83% 0.0358 16.32) 33.3%, oklch(32.13% 0.0243 7.73) 35.9%, oklch(29.28% 0.0175 2.08) 38.5%, oklch(28.93% 0.0174 0.54) 41.0%, oklch(31.14% 0.0247 4.16) 43.6%, oklch(35.33% 0.0377 11.65) 46.2%, oklch(40.87% 0.0543 21.35) 48.7%, oklch(47.13% 0.0722 31.59) 51.3%, oklch(53.48% 0.0896 40.72) 53.8%, oklch(59.30% 0.1041 47.06) 56.4%, oklch(63.96% 0.1137 48.96) 59.0%, oklch(67.14% 0.1168 44.68) 61.5%, oklch(69.80% 0.1142 33.86) 64.1%, oklch(72.05% 0.1077 18.48) 66.7%, oklch(73.89% 0.0989 0.65) 69.2%, oklch(75.32% 0.0893 342.48) 71.8%, oklch(76.35% 0.0805 326.08) 74.4%, oklch(76.96% 0.0740 313.57) 76.9%, oklch(77.17% 0.0715 307.05) 79.5%, oklch(76.80% 0.0739 307.97) 82.1%, oklch(75.59% 0.0800 315.01) 84.6%, oklch(73.79% 0.0886 326.43) 87.2%, oklch(71.63% 0.0988 340.56) 89.7%, oklch(69.35% 0.1095 355.69) 92.3%, oklch(67.19% 0.1196 10.13) 94.9%, oklch(65.38% 0.1280 22.18) 97.4%, oklch(64.17% 0.1337 30.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.116 | 78.8 |
| 2 | 0.665 | 0.107 | 67.1 |
| 3 | 0.287 | 0.017 | 0.6 |
| 4 | 0.654 | 0.116 | 48.1 |
| 5 | 0.772 | 0.072 | -53.3 |
| 6 | 0.642 | 0.134 | 30.1 |

## Other forms

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