# Tan, purple, brown and blue radial gradient

Tan, purple, brown and blue radial gradient with 40 colors: #fde39c, #f8dc95, #f1d48c, #e8ca81, #dfbf75, #d7b368, #cfa65c, #ca9951, #c68b4a, #c57b4a, #c16b54, #b95c65, #a95178, #954a87, #7f468e, #6c418c, #603a82, #56306e, #4d2555, #421b3b, #361425, #2a1116, #21100f, #1e110e, #241711, #332319, #4b3622, #664e2b, #836935, #9e833f, #b89947, #cda54d, #dea653, #ea9c62, #ea8e7b, #dc8397, #c27dad, #a37bb8, #867ab9, #737ab6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY6kRAV6e9bgssWZiEr3yrFMwhrE`
- Page: https://grabient.com/kY6kRAV6e9bgssWZiEr3yrFMwhrE?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: 14.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 | `#fde39c` | `oklch(92.13% 0.0937 90.00)` | Crème Brûlée | black, 16.6 to 1 |
| 2 | `#f8dc95` | `oklch(90.29% 0.0949 89.05)` | Cooled Cream | black, 15.7 to 1 |
| 3 | `#f1d48c` | `oklch(87.86% 0.0965 88.56)` | March Yellow | black, 14.5 to 1 |
| 4 | `#e8ca81` | `oklch(84.96% 0.0985 88.03)` | Marzipan | black, 13.2 to 1 |
| 5 | `#dfbf75` | `oklch(81.73% 0.1006 86.95)` | Tropical Siesta | black, 11.8 to 1 |
| 6 | `#d7b368` | `oklch(78.31% 0.1029 84.81)` | Dylan Velvet | black, 10.5 to 1 |
| 7 | `#cfa65c` | `oklch(74.84% 0.1051 81.10)` | Excitable | black, 9.3 to 1 |
| 8 | `#ca9951` | `oklch(71.45% 0.1073 75.32)` | Gingerbread House | black, 8.1 to 1 |
| 9 | `#c68b4a` | `oklch(68.28% 0.1093 66.89)` | Caramel Macchiato | black, 7.2 to 1 |
| 10 | `#c57b4a` | `oklch(65.16% 0.1122 53.43)` | Fuegan Orange | black, 6.3 to 1 |
| 11 | `#c16b54` | `oklch(61.99% 0.1161 35.51)` | Sedona Canyon | black, 5.4 to 1 |
| 12 | `#b95c65` | `oklch(58.80% 0.1203 15.11)` | Sensuous | black, 4.7 to 1 |
| 13 | `#a95178` | `oklch(55.58% 0.1240 354.25)` | Our Little Secret | white, 5 to 1 |
| 14 | `#954a87` | `oklch(52.36% 0.1266 334.93)` | Striking Purple | white, 5.8 to 1 |
| 15 | `#7f468e` | `oklch(49.16% 0.1272 319.15)` | Prunella | white, 6.6 to 1 |
| 16 | `#6c418c` | `oklch(45.98% 0.1253 308.92)` | Amaranth Purple | white, 7.5 to 1 |
| 17 | `#603a82` | `oklch(42.75% 0.1199 306.14)` | Tillandsia Purple | white, 8.6 to 1 |
| 18 | `#56306e` | `oklch(38.70% 0.1089 310.59)` | Imperial Purple | white, 10.2 to 1 |
| 19 | `#4d2555` | `oklch(34.07% 0.0937 320.59)` | Wonka Purple | white, 12.2 to 1 |
| 20 | `#421b3b` | `oklch(29.35% 0.0762 334.47)` | Blackberry | white, 14.4 to 1 |
| 21 | `#361425` | `oklch(25.04% 0.0585 350.56)` | Chocolate Kiss | white, 16.3 to 1 |
| 22 | `#2a1116` | `oklch(21.64% 0.0423 7.18)` | Dark Danger | white, 17.6 to 1 |
| 23 | `#21100f` | `oklch(19.62% 0.0298 22.67)` | Italian Roast | white, 18.3 to 1 |
| 24 | `#1e110e` | `oklch(19.49% 0.0228 35.36)` | Bighorn Sheep | white, 18.3 to 1 |
| 25 | `#241711` | `oklch(21.90% 0.0233 44.86)` | Used Oil | white, 17.4 to 1 |
| 26 | `#332319` | `oklch(27.37% 0.0309 55.05)` | Wetlands Swamp | white, 14.9 to 1 |
| 27 | `#4b3622` | `oklch(35.07% 0.0437 65.46)` | Café Noir | white, 11.3 to 1 |
| 28 | `#664e2b` | `oklch(44.06% 0.0597 75.07)` | Jungle Beat | white, 7.8 to 1 |
| 29 | `#836935` | `oklch(53.42% 0.0770 82.87)` | By Gum | white, 5.2 to 1 |
| 30 | `#9e833f` | `oklch(62.18% 0.0934 87.82)` | Madagascar | black, 5.7 to 1 |
| 31 | `#b89947` | `oklch(69.43% 0.1071 88.90)` | Roti | black, 7.6 to 1 |
| 32 | `#cda54d` | `oklch(74.22% 0.1161 85.10)` | Autumn Apple Yellow | black, 9.1 to 1 |
| 33 | `#dea653` | `oklch(76.08% 0.1194 74.55)` | Golden Tiger | black, 9.6 to 1 |
| 34 | `#ea9c62` | `oklch(75.80% 0.1191 56.33)` | Topaz Yellow | black, 9.4 to 1 |
| 35 | `#ea8e7b` | `oklch(73.95% 0.1160 32.76)` | Apricot Red | black, 8.6 to 1 |
| 36 | `#dc8397` | `oklch(71.07% 0.1112 6.21)` | Rose Soiree | black, 7.7 to 1 |
| 37 | `#c27dad` | `oklch(67.68% 0.1055 339.05)` | Strawberry Freeze | black, 6.8 to 1 |
| 38 | `#a37bb8` | `oklch(64.32% 0.0999 313.67)` | Lush Lilac | black, 6 to 1 |
| 39 | `#867ab9` | `oklch(61.53% 0.0952 292.44)` | Paisley Purple | black, 5.4 to 1 |
| 40 | `#737ab6` | `oklch(59.84% 0.0923 277.75)` | Ontario Violet | black, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fde39c 0.0%, #f8dc95 2.6%, #f1d48c 5.1%, #e8ca81 7.7%, #dfbf75 10.3%, #d7b368 12.8%, #cfa65c 15.4%, #ca9951 17.9%, #c68b4a 20.5%, #c57b4a 23.1%, #c16b54 25.6%, #b95c65 28.2%, #a95178 30.8%, #954a87 33.3%, #7f468e 35.9%, #6c418c 38.5%, #603a82 41.0%, #56306e 43.6%, #4d2555 46.2%, #421b3b 48.7%, #361425 51.3%, #2a1116 53.8%, #21100f 56.4%, #1e110e 59.0%, #241711 61.5%, #332319 64.1%, #4b3622 66.7%, #664e2b 69.2%, #836935 71.8%, #9e833f 74.4%, #b89947 76.9%, #cda54d 79.5%, #dea653 82.1%, #ea9c62 84.6%, #ea8e7b 87.2%, #dc8397 89.7%, #c27dad 92.3%, #a37bb8 94.9%, #867ab9 97.4%, #737ab6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0937 90.00) 0.0%, oklch(90.29% 0.0949 89.05) 2.6%, oklch(87.86% 0.0965 88.56) 5.1%, oklch(84.96% 0.0985 88.03) 7.7%, oklch(81.73% 0.1006 86.95) 10.3%, oklch(78.31% 0.1029 84.81) 12.8%, oklch(74.84% 0.1051 81.10) 15.4%, oklch(71.45% 0.1073 75.32) 17.9%, oklch(68.28% 0.1093 66.89) 20.5%, oklch(65.16% 0.1122 53.43) 23.1%, oklch(61.99% 0.1161 35.51) 25.6%, oklch(58.80% 0.1203 15.11) 28.2%, oklch(55.58% 0.1240 354.25) 30.8%, oklch(52.36% 0.1266 334.93) 33.3%, oklch(49.16% 0.1272 319.15) 35.9%, oklch(45.98% 0.1253 308.92) 38.5%, oklch(42.75% 0.1199 306.14) 41.0%, oklch(38.70% 0.1089 310.59) 43.6%, oklch(34.07% 0.0937 320.59) 46.2%, oklch(29.35% 0.0762 334.47) 48.7%, oklch(25.04% 0.0585 350.56) 51.3%, oklch(21.64% 0.0423 7.18) 53.8%, oklch(19.62% 0.0298 22.67) 56.4%, oklch(19.49% 0.0228 35.36) 59.0%, oklch(21.90% 0.0233 44.86) 61.5%, oklch(27.37% 0.0309 55.05) 64.1%, oklch(35.07% 0.0437 65.46) 66.7%, oklch(44.06% 0.0597 75.07) 69.2%, oklch(53.42% 0.0770 82.87) 71.8%, oklch(62.18% 0.0934 87.82) 74.4%, oklch(69.43% 0.1071 88.90) 76.9%, oklch(74.22% 0.1161 85.10) 79.5%, oklch(76.08% 0.1194 74.55) 82.1%, oklch(75.80% 0.1191 56.33) 84.6%, oklch(73.95% 0.1160 32.76) 87.2%, oklch(71.07% 0.1112 6.21) 89.7%, oklch(67.68% 0.1055 339.05) 92.3%, oklch(64.32% 0.0999 313.67) 94.9%, oklch(61.53% 0.0952 292.44) 97.4%, oklch(59.84% 0.0923 277.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.094 | 90 |
| 2 | 0.689 | 0.109 | 68.9 |
| 3 | 0.441 | 0.123 | -53.7 |
| 4 | 0.201 | 0.022 | 39.3 |
| 5 | 0.748 | 0.117 | 83.7 |
| 6 | 0.598 | 0.092 | -82.3 |

## Other forms

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