# Purple, beige, gray and brown radial gradient

Purple, beige, gray and brown radial gradient with 40 colors: #635272, #6c5776, #775d7a, #85667f, #957084, #a57b89, #b4888e, #c29693, #cfa398, #d8b19d, #e0bca3, #e4c6a8, #e6cdac, #e5d0ae, #e1cfad, #dacaa9, #d1c2a2, #c6b79a, #baab90, #ad9e85, #a0907a, #93836f, #877665, #7b6b5c, #726255, #6b5b4f, #66574b, #645549, #645549, #665749, #69594a, #6d5d4d, #72614f, #776652, #7d6b56, #827059, #87755c, #8b7a5f, #8f7d61, #917f62. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUdyjb7hLPjuKPZNEUIg`
- Page: https://grabient.com/kUdyjb7hLPjuKPZNEUIg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#635272` | `oklch(46.85% 0.0551 308.67)` | Blackberry Farm | white, 7 to 1 |
| 2 | `#6c5776` | `oklch(48.82% 0.0550 314.92)` | Trixter | white, 6.4 to 1 |
| 3 | `#775d7a` | `oklch(51.57% 0.0549 323.24)` | Gala Ball | white, 5.7 to 1 |
| 4 | `#85667f` | `oklch(54.94% 0.0548 333.25)` | Blackberry Jam | white, 5 to 1 |
| 5 | `#957084` | `oklch(58.76% 0.0548 344.56)` | Meadow Flower | black, 4.9 to 1 |
| 6 | `#a57b89` | `oklch(62.87% 0.0547 356.78)` | Dusky Orchid | black, 5.8 to 1 |
| 7 | `#b4888e` | `oklch(67.10% 0.0546 9.53)` | Rose Tea | black, 6.8 to 1 |
| 8 | `#c29693` | `oklch(71.30% 0.0544 22.41)` | Mutabilis | black, 8 to 1 |
| 9 | `#cfa398` | `oklch(75.30% 0.0542 35.03)` | Eunry | black, 9.3 to 1 |
| 10 | `#d8b19d` | `oklch(78.94% 0.0538 47.01)` | Suntan | black, 10.6 to 1 |
| 11 | `#e0bca3` | `oklch(82.05% 0.0533 57.97)` | Brown-Bag It | black, 11.9 to 1 |
| 12 | `#e4c6a8` | `oklch(84.48% 0.0527 67.50)` | My Love | black, 12.9 to 1 |
| 13 | `#e6cdac` | `oklch(86.05% 0.0519 75.23)` | Consommé | black, 13.6 to 1 |
| 14 | `#e5d0ae` | `oklch(86.61% 0.0510 80.77)` | Chaparral | black, 13.9 to 1 |
| 15 | `#e1cfad` | `oklch(86.02% 0.0497 84.10)` | Creamy Chenille | black, 13.7 to 1 |
| 16 | `#dacaa9` | `oklch(84.34% 0.0480 85.67)` | Baked Bread | black, 12.9 to 1 |
| 17 | `#d1c2a2` | `oklch(81.77% 0.0460 85.72)` | Double Spanish White | black, 11.9 to 1 |
| 18 | `#c6b79a` | `oklch(78.49% 0.0438 84.53)` | Distant Valley | black, 10.6 to 1 |
| 19 | `#baab90` | `oklch(74.68% 0.0414 82.35)` | Prairie Dust | black, 9.3 to 1 |
| 20 | `#ad9e85` | `oklch(70.51% 0.0390 79.44)` | White Pepper | black, 7.9 to 1 |
| 21 | `#a0907a` | `oklch(66.18% 0.0366 76.07)` | Flannel | black, 6.7 to 1 |
| 22 | `#93836f` | `oklch(61.86% 0.0343 72.49)` | Bristol Beige | black, 5.7 to 1 |
| 23 | `#877665` | `oklch(57.74% 0.0322 68.97)` | Dune Shadow | black, 4.8 to 1 |
| 24 | `#7b6b5c` | `oklch(54.00% 0.0304 65.77)` | Downtown Benny Brown | white, 5 to 1 |
| 25 | `#726255` | `oklch(50.82% 0.0290 63.15)` | Smokehouse | white, 5.8 to 1 |
| 26 | `#6b5b4f` | `oklch(48.37% 0.0280 61.37)` | Ageing Barrel | white, 6.4 to 1 |
| 27 | `#66574b` | `oklch(46.85% 0.0276 60.69)` | Chocolate Swirl | white, 6.9 to 1 |
| 28 | `#645549` | `oklch(46.19% 0.0277 60.92)` | Ground Coffee | white, 7.1 to 1 |
| 29 | `#645549` | `oklch(46.16% 0.0284 61.65)` | Ground Coffee | white, 7.1 to 1 |
| 30 | `#665749` | `oklch(46.66% 0.0295 62.80)` | Chocolate Swirl | white, 6.9 to 1 |
| 31 | `#69594a` | `oklch(47.59% 0.0310 64.28)` | Mink Brown | white, 6.6 to 1 |
| 32 | `#6d5d4d` | `oklch(48.88% 0.0327 66.02)` | Cub | white, 6.3 to 1 |
| 33 | `#72614f` | `oklch(50.42% 0.0347 67.94)` | Axinite | white, 5.9 to 1 |
| 34 | `#776652` | `oklch(52.12% 0.0368 69.96)` | Ground Pepper | white, 5.5 to 1 |
| 35 | `#7d6b56` | `oklch(53.90% 0.0389 72.00)` | Ye Olde Rustic Colour | white, 5.1 to 1 |
| 36 | `#827059` | `oklch(55.65% 0.0409 73.98)` | Jarrah | white, 4.7 to 1 |
| 37 | `#87755c` | `oklch(57.29% 0.0428 75.82)` | Verde Marrón | black, 4.7 to 1 |
| 38 | `#8b7a5f` | `oklch(58.73% 0.0445 77.44)` | Rain Barrel | black, 5 to 1 |
| 39 | `#8f7d61` | `oklch(59.88% 0.0459 78.76)` | Rocks of Normandy | black, 5.2 to 1 |
| 40 | `#917f62` | `oklch(60.63% 0.0469 79.71)` | Woolly Thyme | black, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #635272 0.0%, #6c5776 2.6%, #775d7a 5.1%, #85667f 7.7%, #957084 10.3%, #a57b89 12.8%, #b4888e 15.4%, #c29693 17.9%, #cfa398 20.5%, #d8b19d 23.1%, #e0bca3 25.6%, #e4c6a8 28.2%, #e6cdac 30.8%, #e5d0ae 33.3%, #e1cfad 35.9%, #dacaa9 38.5%, #d1c2a2 41.0%, #c6b79a 43.6%, #baab90 46.2%, #ad9e85 48.7%, #a0907a 51.3%, #93836f 53.8%, #877665 56.4%, #7b6b5c 59.0%, #726255 61.5%, #6b5b4f 64.1%, #66574b 66.7%, #645549 69.2%, #645549 71.8%, #665749 74.4%, #69594a 76.9%, #6d5d4d 79.5%, #72614f 82.1%, #776652 84.6%, #7d6b56 87.2%, #827059 89.7%, #87755c 92.3%, #8b7a5f 94.9%, #8f7d61 97.4%, #917f62 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(46.85% 0.0551 308.67) 0.0%, oklch(48.82% 0.0550 314.92) 2.6%, oklch(51.57% 0.0549 323.24) 5.1%, oklch(54.94% 0.0548 333.25) 7.7%, oklch(58.76% 0.0548 344.56) 10.3%, oklch(62.87% 0.0547 356.78) 12.8%, oklch(67.10% 0.0546 9.53) 15.4%, oklch(71.30% 0.0544 22.41) 17.9%, oklch(75.30% 0.0542 35.03) 20.5%, oklch(78.94% 0.0538 47.01) 23.1%, oklch(82.05% 0.0533 57.97) 25.6%, oklch(84.48% 0.0527 67.50) 28.2%, oklch(86.05% 0.0519 75.23) 30.8%, oklch(86.61% 0.0510 80.77) 33.3%, oklch(86.02% 0.0497 84.10) 35.9%, oklch(84.34% 0.0480 85.67) 38.5%, oklch(81.77% 0.0460 85.72) 41.0%, oklch(78.49% 0.0438 84.53) 43.6%, oklch(74.68% 0.0414 82.35) 46.2%, oklch(70.51% 0.0390 79.44) 48.7%, oklch(66.18% 0.0366 76.07) 51.3%, oklch(61.86% 0.0343 72.49) 53.8%, oklch(57.74% 0.0322 68.97) 56.4%, oklch(54.00% 0.0304 65.77) 59.0%, oklch(50.82% 0.0290 63.15) 61.5%, oklch(48.37% 0.0280 61.37) 64.1%, oklch(46.85% 0.0276 60.69) 66.7%, oklch(46.19% 0.0277 60.92) 69.2%, oklch(46.16% 0.0284 61.65) 71.8%, oklch(46.66% 0.0295 62.80) 74.4%, oklch(47.59% 0.0310 64.28) 76.9%, oklch(48.88% 0.0327 66.02) 79.5%, oklch(50.42% 0.0347 67.94) 82.1%, oklch(52.12% 0.0368 69.96) 84.6%, oklch(53.90% 0.0389 72.00) 87.2%, oklch(55.65% 0.0409 73.98) 89.7%, oklch(57.29% 0.0428 75.82) 92.3%, oklch(58.73% 0.0445 77.44) 94.9%, oklch(59.88% 0.0459 78.76) 97.4%, oklch(60.63% 0.0469 79.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.055 | 308.7 |
| 2 | 0.866 | 0.051 | 440.8 |
| 3 | 0.469 | 0.028 | 420.7 |
| 4 | 0.606 | 0.047 | 439.7 |

## Other forms

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