# Beige, orange, blue and tan radial gradient

Beige, orange, blue and tan radial gradient with 32 colors: #f3e4cc, #edd8b9, #e6c69f, #ddb180, #d5985f, #cd7e42, #c6642d, #be4c29, #b63936, #ae2e4f, #a22e6d, #903789, #7b429f, #624da9, #4855a8, #30599e, #1c5690, #0e4d7b, #094064, #0b324c, #0d2537, #0d1a27, #0d141d, #0f131a, #171822, #292333, #463146, #6e4253, #975754, #b8714a, #ca8d3e, #d0a439. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW6xo6RDq5rqqsCYBkGXi_Uw`
- Page: https://grabient.com/kW6xo6RDq5rqqsCYBkGXi_Uw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 14.9 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 | `#f3e4cc` | `oklch(92.52% 0.0358 81.56)` | Biloxi | black, 16.8 to 1 |
| 2 | `#edd8b9` | `oklch(89.17% 0.0471 77.91)` | Cameo White | black, 15.1 to 1 |
| 3 | `#e6c69f` | `oklch(84.45% 0.0635 73.66)` | Egghead | black, 12.9 to 1 |
| 4 | `#ddb180` | `oklch(78.82% 0.0830 68.64)` | Desert Mist | black, 10.6 to 1 |
| 5 | `#d5985f` | `oklch(72.73% 0.1039 62.66)` | Bakelite Gold | black, 8.4 to 1 |
| 6 | `#cd7e42` | `oklch(66.63% 0.1241 55.55)` | Topaz | black, 6.6 to 1 |
| 7 | `#c6642d` | `oklch(60.98% 0.1419 47.13)` | Chivalrous Fox | black, 5.2 to 1 |
| 8 | `#be4c29` | `oklch(56.24% 0.1552 37.23)` | Burnt Ochre | white, 4.9 to 1 |
| 9 | `#b63936` | `oklch(52.84% 0.1624 25.57)` | Red Obsession | white, 5.7 to 1 |
| 10 | `#ae2e4f` | `oklch(50.76% 0.1643 10.20)` | Amore | white, 6.3 to 1 |
| 11 | `#a22e6d` | `oklch(49.66% 0.1625 351.55)` | Amaranth Deep Purple | white, 6.6 to 1 |
| 12 | `#903789` | `oklch(49.18% 0.1576 331.07)` | Purple Excellency | white, 6.7 to 1 |
| 13 | `#7b429f` | `oklch(49.02% 0.1504 310.22)` | Purple Pleasures | white, 6.7 to 1 |
| 14 | `#624da9` | `oklch(48.82% 0.1415 290.48)` | Ultrapurple Merge | white, 6.6 to 1 |
| 15 | `#4855a8` | `oklch(48.27% 0.1318 273.31)` | Chinese Bellflower | white, 6.6 to 1 |
| 16 | `#30599e` | `oklch(47.04% 0.1219 260.17)` | Cyan Cobalt Blue | white, 6.9 to 1 |
| 17 | `#1c5690` | `oklch(44.71% 0.1118 252.00)` | Vegeta Blue | white, 7.5 to 1 |
| 18 | `#0e4d7b` | `oklch(40.80% 0.0980 246.53)` | China Seas | white, 8.8 to 1 |
| 19 | `#094064` | `oklch(35.86% 0.0813 243.40)` | Blue Opal | white, 10.8 to 1 |
| 20 | `#0b324c` | `oklch(30.53% 0.0635 242.70)` | Sea of Stars | white, 13.3 to 1 |
| 21 | `#0d2537` | `oklch(25.48% 0.0464 244.55)` | Celestial Canvas | white, 15.7 to 1 |
| 22 | `#0d1a27` | `oklch(21.36% 0.0317 249.03)` | Coarse Wool | white, 17.5 to 1 |
| 23 | `#0d141d` | `oklch(18.83% 0.0212 256.26)` | Midnight Edition | white, 18.5 to 1 |
| 24 | `#0f131a` | `oklch(18.54% 0.0166 266.34)` | Midnight Edition | white, 18.6 to 1 |
| 25 | `#171822` | `oklch(21.22% 0.0196 280.71)` | River Styx | white, 17.6 to 1 |
| 26 | `#292333` | `oklch(26.86% 0.0301 301.63)` | Cold Steel | white, 15.2 to 1 |
| 27 | `#463146` | `oklch(34.62% 0.0459 327.08)` | Acai Berry | white, 11.7 to 1 |
| 28 | `#6e4253` | `oklch(43.59% 0.0649 354.88)` | Chilled Wine | white, 8.1 to 1 |
| 29 | `#975754` | `oklch(52.91% 0.0851 22.83)` | Brown Cerberus | white, 5.5 to 1 |
| 30 | `#b8714a` | `oklch(61.67% 0.1042 48.76)` | Pottery Clay | black, 5.4 to 1 |
| 31 | `#ca8d3e` | `oklch(69.00% 0.1202 70.48)` | Anzac | black, 7.4 to 1 |
| 32 | `#d0a439` | `oklch(74.02% 0.1309 85.79)` | Kingdom Gold | black, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3e4cc 0.0%, #edd8b9 3.2%, #e6c69f 6.5%, #ddb180 9.7%, #d5985f 12.9%, #cd7e42 16.1%, #c6642d 19.4%, #be4c29 22.6%, #b63936 25.8%, #ae2e4f 29.0%, #a22e6d 32.3%, #903789 35.5%, #7b429f 38.7%, #624da9 41.9%, #4855a8 45.2%, #30599e 48.4%, #1c5690 51.6%, #0e4d7b 54.8%, #094064 58.1%, #0b324c 61.3%, #0d2537 64.5%, #0d1a27 67.7%, #0d141d 71.0%, #0f131a 74.2%, #171822 77.4%, #292333 80.6%, #463146 83.9%, #6e4253 87.1%, #975754 90.3%, #b8714a 93.5%, #ca8d3e 96.8%, #d0a439 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0358 81.56) 0.0%, oklch(89.17% 0.0471 77.91) 3.2%, oklch(84.45% 0.0635 73.66) 6.5%, oklch(78.82% 0.0830 68.64) 9.7%, oklch(72.73% 0.1039 62.66) 12.9%, oklch(66.63% 0.1241 55.55) 16.1%, oklch(60.98% 0.1419 47.13) 19.4%, oklch(56.24% 0.1552 37.23) 22.6%, oklch(52.84% 0.1624 25.57) 25.8%, oklch(50.76% 0.1643 10.20) 29.0%, oklch(49.66% 0.1625 351.55) 32.3%, oklch(49.18% 0.1576 331.07) 35.5%, oklch(49.02% 0.1504 310.22) 38.7%, oklch(48.82% 0.1415 290.48) 41.9%, oklch(48.27% 0.1318 273.31) 45.2%, oklch(47.04% 0.1219 260.17) 48.4%, oklch(44.71% 0.1118 252.00) 51.6%, oklch(40.80% 0.0980 246.53) 54.8%, oklch(35.86% 0.0813 243.40) 58.1%, oklch(30.53% 0.0635 242.70) 61.3%, oklch(25.48% 0.0464 244.55) 64.5%, oklch(21.36% 0.0317 249.03) 67.7%, oklch(18.83% 0.0212 256.26) 71.0%, oklch(18.54% 0.0166 266.34) 74.2%, oklch(21.22% 0.0196 280.71) 77.4%, oklch(26.86% 0.0301 301.63) 80.6%, oklch(34.62% 0.0459 327.08) 83.9%, oklch(43.59% 0.0649 354.88) 87.1%, oklch(52.91% 0.0851 22.83) 90.3%, oklch(61.67% 0.1042 48.76) 93.5%, oklch(69.00% 0.1202 70.48) 96.8%, oklch(74.02% 0.1309 85.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.036 | 81.6 |
| 2 | 0.535 | 0.161 | 28.7 |
| 3 | 0.461 | 0.117 | -104.4 |
| 4 | 0.189 | 0.017 | -90.7 |
| 5 | 0.74 | 0.131 | 85.8 |

## Other forms

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