# Beige, brown, purple and light blue radial gradient

Beige, brown, purple and light blue radial gradient with 40 colors: #f8f3d5, #f4eccb, #eee4bf, #e7d9b1, #e0cda1, #d9bf90, #d2b17e, #cba36d, #c5945c, #be864d, #b9793f, #b36c34, #af622a, #ab5a23, #a9531d, #a74e15, #a54a0a, #a34800, #a04700, #9e4800, #9d4800, #9d4900, #9f4900, #a44800, #aa4500, #af4618, #b3472e, #b74b44, #ba515e, #bb5b78, #ba6793, #b675ac, #b085c1, #a995d1, #a4a4da, #a1b2e0, #a2bee1, #a7c8e1, #aecfe1, #b4d4e1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU9B1Gxq26MS1PhsDiug`
- Page: https://grabient.com/kU9B1Gxq26MS1PhsDiug?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 | `#f8f3d5` | `oklch(96.06% 0.0400 99.14)` | French 75 | black, 18.7 to 1 |
| 2 | `#f4eccb` | `oklch(94.17% 0.0439 96.90)` | Starbright | black, 17.7 to 1 |
| 3 | `#eee4bf` | `oklch(91.67% 0.0490 94.01)` | Arctic Daisy | black, 16.4 to 1 |
| 4 | `#e7d9b1` | `oklch(88.68% 0.0552 90.57)` | Rainforest Dew | black, 14.9 to 1 |
| 5 | `#e0cda1` | `oklch(85.30% 0.0621 86.69)` | Organic Bamboo | black, 13.4 to 1 |
| 6 | `#d9bf90` | `oklch(81.65% 0.0695 82.49)` | Expedition Khaki | black, 11.8 to 1 |
| 7 | `#d2b17e` | `oklch(77.82% 0.0774 78.08)` | Steamed Chestnut | black, 10.3 to 1 |
| 8 | `#cba36d` | `oklch(73.95% 0.0854 73.56)` | Lewis Gold | black, 8.9 to 1 |
| 9 | `#c5945c` | `oklch(70.12% 0.0934 69.05)` | Caramel Crumb | black, 7.7 to 1 |
| 10 | `#be864d` | `oklch(66.44% 0.1011 64.66)` | Rookwood Amber | black, 6.7 to 1 |
| 11 | `#b9793f` | `oklch(63.04% 0.1084 60.51)` | Crispy Gingersnap | black, 5.8 to 1 |
| 12 | `#b36c34` | `oklch(60.01% 0.1150 56.69)` | Reno Sand | black, 5.1 to 1 |
| 13 | `#af622a` | `oklch(57.46% 0.1207 53.33)` | Date Fruit Brown | black, 4.6 to 1 |
| 14 | `#ab5a23` | `oklch(55.51% 0.1254 50.53)` | Caramelised Maple | white, 4.9 to 1 |
| 15 | `#a9531d` | `oklch(54.02% 0.1295 48.66)` | Wine Barrel | white, 5.3 to 1 |
| 16 | `#a74e15` | `oklch(52.80% 0.1334 47.84)` | Cinnamon Bun | white, 5.6 to 1 |
| 17 | `#a54a0a` | `oklch(51.82% 0.1372 47.82)` | Pepperoni | white, 5.8 to 1 |
| 18 | `#a34800` | `oklch(51.08% 0.1385 48.28)` | Powdered Coffee | white, 6 to 1 |
| 19 | `#a04700` | `oklch(50.58% 0.1355 49.07)` | Powdered Coffee | white, 6.1 to 1 |
| 20 | `#9e4800` | `oklch(50.30% 0.1332 49.88)` | Oregon | white, 6.2 to 1 |
| 21 | `#9d4800` | `oklch(50.24% 0.1320 50.46)` | Oregon | white, 6.2 to 1 |
| 22 | `#9d4900` | `oklch(50.39% 0.1322 50.55)` | Oregon | white, 6.2 to 1 |
| 23 | `#9f4900` | `oklch(50.74% 0.1343 49.89)` | Oregon | white, 6.1 to 1 |
| 24 | `#a44800` | `oklch(51.27% 0.1391 48.23)` | Powdered Coffee | white, 6 to 1 |
| 25 | `#aa4500` | `oklch(51.99% 0.1479 45.30)` | Pepperoni | white, 5.8 to 1 |
| 26 | `#af4618` | `oklch(52.88% 0.1488 40.90)` | Rusted Lock | white, 5.6 to 1 |
| 27 | `#b3472e` | `oklch(53.94% 0.1461 34.68)` | Crimson Boy | white, 5.4 to 1 |
| 28 | `#b74b44` | `oklch(55.34% 0.1417 26.13)` | Raging Bull | white, 5.1 to 1 |
| 29 | `#ba515e` | `oklch(57.23% 0.1355 15.18)` | Salsa Diane | white, 4.7 to 1 |
| 30 | `#bb5b78` | `oklch(59.52% 0.1278 2.27)` | Tutti Frutti | black, 4.8 to 1 |
| 31 | `#ba6793` | `oklch(62.12% 0.1189 347.85)` | Je t’aime | black, 5.4 to 1 |
| 32 | `#b675ac` | `oklch(64.94% 0.1092 332.36)` | Eccentric Magenta | black, 6.1 to 1 |
| 33 | `#b085c1` | `oklch(67.89% 0.0989 316.24)` | Creeping Bellflower | black, 6.9 to 1 |
| 34 | `#a995d1` | `oklch(70.89% 0.0883 299.95)` | Gorgeous Hydrangea | black, 7.8 to 1 |
| 35 | `#a4a4da` | `oklch(73.85% 0.0779 283.93)` | Simply Violet | black, 8.9 to 1 |
| 36 | `#a1b2e0` | `oklch(76.69% 0.0679 268.63)` | Myrtle Flower | black, 9.9 to 1 |
| 37 | `#a2bee1` | `oklch(79.32% 0.0587 254.48)` | Blair | black, 11 to 1 |
| 38 | `#a7c8e1` | `oklch(81.64% 0.0505 241.95)` | Template | black, 11.9 to 1 |
| 39 | `#aecfe1` | `oklch(83.58% 0.0437 231.47)` | Light Sky Bus | black, 12.7 to 1 |
| 40 | `#b4d4e1` | `oklch(85.04% 0.0386 223.49)` | Foamy Surf | black, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f8f3d5 0.0%, #f4eccb 2.6%, #eee4bf 5.1%, #e7d9b1 7.7%, #e0cda1 10.3%, #d9bf90 12.8%, #d2b17e 15.4%, #cba36d 17.9%, #c5945c 20.5%, #be864d 23.1%, #b9793f 25.6%, #b36c34 28.2%, #af622a 30.8%, #ab5a23 33.3%, #a9531d 35.9%, #a74e15 38.5%, #a54a0a 41.0%, #a34800 43.6%, #a04700 46.2%, #9e4800 48.7%, #9d4800 51.3%, #9d4900 53.8%, #9f4900 56.4%, #a44800 59.0%, #aa4500 61.5%, #af4618 64.1%, #b3472e 66.7%, #b74b44 69.2%, #ba515e 71.8%, #bb5b78 74.4%, #ba6793 76.9%, #b675ac 79.5%, #b085c1 82.1%, #a995d1 84.6%, #a4a4da 87.2%, #a1b2e0 89.7%, #a2bee1 92.3%, #a7c8e1 94.9%, #aecfe1 97.4%, #b4d4e1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0400 99.14) 0.0%, oklch(94.17% 0.0439 96.90) 2.6%, oklch(91.67% 0.0490 94.01) 5.1%, oklch(88.68% 0.0552 90.57) 7.7%, oklch(85.30% 0.0621 86.69) 10.3%, oklch(81.65% 0.0695 82.49) 12.8%, oklch(77.82% 0.0774 78.08) 15.4%, oklch(73.95% 0.0854 73.56) 17.9%, oklch(70.12% 0.0934 69.05) 20.5%, oklch(66.44% 0.1011 64.66) 23.1%, oklch(63.04% 0.1084 60.51) 25.6%, oklch(60.01% 0.1150 56.69) 28.2%, oklch(57.46% 0.1207 53.33) 30.8%, oklch(55.51% 0.1254 50.53) 33.3%, oklch(54.02% 0.1295 48.66) 35.9%, oklch(52.80% 0.1334 47.84) 38.5%, oklch(51.82% 0.1372 47.82) 41.0%, oklch(51.08% 0.1385 48.28) 43.6%, oklch(50.58% 0.1355 49.07) 46.2%, oklch(50.30% 0.1332 49.88) 48.7%, oklch(50.24% 0.1320 50.46) 51.3%, oklch(50.39% 0.1322 50.55) 53.8%, oklch(50.74% 0.1343 49.89) 56.4%, oklch(51.27% 0.1391 48.23) 59.0%, oklch(51.99% 0.1479 45.30) 61.5%, oklch(52.88% 0.1488 40.90) 64.1%, oklch(53.94% 0.1461 34.68) 66.7%, oklch(55.34% 0.1417 26.13) 69.2%, oklch(57.23% 0.1355 15.18) 71.8%, oklch(59.52% 0.1278 2.27) 74.4%, oklch(62.12% 0.1189 347.85) 76.9%, oklch(64.94% 0.1092 332.36) 79.5%, oklch(67.89% 0.0989 316.24) 82.1%, oklch(70.89% 0.0883 299.95) 84.6%, oklch(73.85% 0.0779 283.93) 87.2%, oklch(76.69% 0.0679 268.63) 89.7%, oklch(79.32% 0.0587 254.48) 92.3%, oklch(81.64% 0.0505 241.95) 94.9%, oklch(83.58% 0.0437 231.47) 97.4%, oklch(85.04% 0.0386 223.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.04 | 99.1 |
| 2 | 0.555 | 0.125 | 50.5 |
| 3 | 0.539 | 0.146 | 34.7 |
| 4 | 0.85 | 0.039 | -136.5 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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