# Beige white vacant halo

Triadic tan, gray, purple and light blue radial gradient with 64 colors: #c7a26a, #c8a46d, #c9a771, #cbaa75, #ccae7b, #ceb281, #d1b787, #d3bb8e, #d6c096, #d8c59d, #dbcaa4, #decfab, #e1d4b3, #e3d8b9, #e6dcbf, #e8dfc5, #eae2ca, #ece4ce, #ede5d1, #ede6d3, #ede5d4, #ece4d4, #eae2d2, #e8dece, #e4d9c9, #dfd2c3, #dacbbc, #d5c4b4, #cfbbab, #c9b2a3, #c2a99a, #bc9f92, #b6968a, #b08d83, #aa847d, #a47c78, #9e7474, #986e72, #936870, #8f6370, #8b6071, #875f73, #855e77, #83607b, #826381, #816788, #816d90, #817397, #827b9f, #8384a7, #858dae, #8896b4, #8ca0bb, #91aac0, #97b3c6, #9ebcca, #a7c5cf, #afced4, #b8d6d8, #c1dddc, #cae3e1, #d1e9e4, #d7ede7, #ddf1ea. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Triadic tan, gray, purple and light blue radial gradient
- Seed: `kUuj43dQjA0OWM73iKwA`
- Page: https://grabient.com/kUuj43dQjA0OWM73iKwA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#c7a26a` | `oklch(73.23% 0.0854 77.34)` | Buckskin Pony | black, 8.7 to 1 |
| 2 | `#c8a46d` | `oklch(73.78% 0.0837 77.66)` | Classic Gold | black, 8.9 to 1 |
| 3 | `#c9a771` | `oklch(74.53% 0.0815 78.22)` | Balsam Brown | black, 9.2 to 1 |
| 4 | `#cbaa75` | `oklch(75.44% 0.0790 78.98)` | Burning Gold | black, 9.5 to 1 |
| 5 | `#ccae7b` | `oklch(76.50% 0.0760 79.92)` | Cup of Tea | black, 9.8 to 1 |
| 6 | `#ceb281` | `oklch(77.67% 0.0728 80.99)` | Oak Harbour | black, 10.3 to 1 |
| 7 | `#d1b787` | `oklch(78.94% 0.0693 82.15)` | Clumsy Caramel | black, 10.7 to 1 |
| 8 | `#d3bb8e` | `oklch(80.27% 0.0657 83.37)` | Buckskin | black, 11.3 to 1 |
| 9 | `#d6c096` | `oklch(81.65% 0.0619 84.61)` | Grain Mill | black, 11.8 to 1 |
| 10 | `#d8c59d` | `oklch(83.04% 0.0580 85.82)` | Mineral Beige | black, 12.4 to 1 |
| 11 | `#dbcaa4` | `oklch(84.43% 0.0541 86.97)` | Glamorgan Sausage | black, 13 to 1 |
| 12 | `#decfab` | `oklch(85.79% 0.0502 88.03)` | Champagne Bubbles | black, 13.6 to 1 |
| 13 | `#e1d4b3` | `oklch(87.08% 0.0463 88.95)` | Garden Lattice | black, 14.2 to 1 |
| 14 | `#e3d8b9` | `oklch(88.30% 0.0426 89.69)` | Flowering Reed | black, 14.7 to 1 |
| 15 | `#e6dcbf` | `oklch(89.41% 0.0390 90.22)` | Flowery | black, 15.3 to 1 |
| 16 | `#e8dfc5` | `oklch(90.39% 0.0357 90.50)` | Ionic Ivory | black, 15.7 to 1 |
| 17 | `#eae2ca` | `oklch(91.22% 0.0327 90.49)` | Better Than Beige | black, 16.1 to 1 |
| 18 | `#ece4ce` | `oklch(91.86% 0.0300 90.15)` | Summer Sandcastle | black, 16.5 to 1 |
| 19 | `#ede5d1` | `oklch(92.30% 0.0276 89.44)` | Atlas White | black, 16.7 to 1 |
| 20 | `#ede6d3` | `oklch(92.50% 0.0257 88.33)` | Mascarpone | black, 16.8 to 1 |
| 21 | `#ede5d4` | `oklch(92.46% 0.0243 86.78)` | Piano Keys | black, 16.8 to 1 |
| 22 | `#ece4d4` | `oklch(92.13% 0.0234 84.74)` | Pavillion | black, 16.6 to 1 |
| 23 | `#eae2d2` | `oklch(91.43% 0.0231 82.28)` | Brandied Pears | black, 16.2 to 1 |
| 24 | `#e8dece` | `oklch(90.34% 0.0234 79.47)` | Aged White | black, 15.7 to 1 |
| 25 | `#e4d9c9` | `oklch(88.90% 0.0242 76.33)` | Gentle Lamb | black, 15 to 1 |
| 26 | `#dfd2c3` | `oklch(87.14% 0.0254 72.89)` | Grain of Rice | black, 14.2 to 1 |
| 27 | `#dacbbc` | `oklch(85.12% 0.0270 69.14)` | Bermuda Sand | black, 13.2 to 1 |
| 28 | `#d5c4b4` | `oklch(82.88% 0.0290 65.12)` | Whisper Pink | black, 12.3 to 1 |
| 29 | `#cfbbab` | `oklch(80.46% 0.0312 60.83)` | Windrift Beige | black, 11.3 to 1 |
| 30 | `#c9b2a3` | `oklch(77.91% 0.0337 56.28)` | Familiar Beige | black, 10.3 to 1 |
| 31 | `#c2a99a` | `oklch(75.28% 0.0363 51.50)` | Adobe Straw | black, 9.4 to 1 |
| 32 | `#bc9f92` | `oklch(72.60% 0.0391 46.50)` | Earth Warming | black, 8.5 to 1 |
| 33 | `#b6968a` | `oklch(69.93% 0.0419 41.30)` | Del Rio | black, 7.7 to 1 |
| 34 | `#b08d83` | `oklch(67.30% 0.0447 35.90)` | Western Ridge | black, 6.9 to 1 |
| 35 | `#aa847d` | `oklch(64.76% 0.0474 30.32)` | Rocky Mountain | black, 6.3 to 1 |
| 36 | `#a47c78` | `oklch(62.37% 0.0501 24.58)` | Brandied Apple | black, 5.7 to 1 |
| 37 | `#9e7474` | `oklch(60.15% 0.0525 18.70)` | Regal Rose | black, 5.2 to 1 |
| 38 | `#986e72` | `oklch(58.16% 0.0548 12.69)` | Stravinsky | black, 4.7 to 1 |
| 39 | `#936870` | `oklch(56.44% 0.0567 6.56)` | Mauve-a-Lish | white, 4.7 to 1 |
| 40 | `#8f6370` | `oklch(55.03% 0.0584 0.33)` | Mauve Taupe | white, 5 to 1 |
| 41 | `#8b6071` | `oklch(53.98% 0.0596 354.01)` | Glazed Ringlet | white, 5.2 to 1 |
| 42 | `#875f73` | `oklch(53.34% 0.0604 347.62)` | Purple Gumdrop | white, 5.3 to 1 |
| 43 | `#855e77` | `oklch(53.15% 0.0606 341.18)` | Purple Gumdrop | white, 5.4 to 1 |
| 44 | `#83607b` | `oklch(53.42% 0.0604 334.39)` | Purple Gumdrop | white, 5.3 to 1 |
| 45 | `#826381` | `oklch(54.10% 0.0598 327.00)` | Orchid Orchestra | white, 5.1 to 1 |
| 46 | `#816788` | `oklch(55.16% 0.0589 319.09)` | Matriarch | white, 4.9 to 1 |
| 47 | `#816d90` | `oklch(56.56% 0.0576 310.73)` | Grey Purple | white, 4.6 to 1 |
| 48 | `#817397` | `oklch(58.26% 0.0561 302.00)` | Purple Haze | black, 4.8 to 1 |
| 49 | `#827b9f` | `oklch(60.22% 0.0543 292.97)` | Relic | black, 5.2 to 1 |
| 50 | `#8384a7` | `oklch(62.39% 0.0524 283.72)` | Velvet Curtain | black, 5.7 to 1 |
| 51 | `#858dae` | `oklch(64.75% 0.0502 274.33)` | Luxury | black, 6.3 to 1 |
| 52 | `#8896b4` | `oklch(67.25% 0.0479 264.86)` | Blueberry Buckle | black, 7 to 1 |
| 53 | `#8ca0bb` | `oklch(69.86% 0.0456 255.40)` | Electric Sky | black, 7.8 to 1 |
| 54 | `#91aac0` | `oklch(72.53% 0.0431 246.02)` | Cotton Denim | black, 8.6 to 1 |
| 55 | `#97b3c6` | `oklch(75.22% 0.0407 236.79)` | Respite | black, 9.5 to 1 |
| 56 | `#9ebcca` | `oklch(77.90% 0.0382 227.80)` | Evocative Blue | black, 10.5 to 1 |
| 57 | `#a7c5cf` | `oklch(80.52% 0.0358 219.10)` | Salt Spray | black, 11.5 to 1 |
| 58 | `#afced4` | `oklch(83.05% 0.0335 210.80)` | Dewpoint | black, 12.5 to 1 |
| 59 | `#b8d6d8` | `oklch(85.45% 0.0313 202.94)` | Skylight | black, 13.6 to 1 |
| 60 | `#c1dddc` | `oklch(87.68% 0.0293 195.62)` | Cold Air Turquoise | black, 14.6 to 1 |
| 61 | `#cae3e1` | `oklch(89.69% 0.0274 188.91)` | Big Sky | black, 15.5 to 1 |
| 62 | `#d1e9e4` | `oklch(91.46% 0.0258 182.87)` | Icicle Mint | black, 16.4 to 1 |
| 63 | `#d7ede7` | `oklch(92.94% 0.0245 177.60)` | Dew Pointe | black, 17.2 to 1 |
| 64 | `#ddf1ea` | `oklch(94.09% 0.0234 173.16)` | Paradise | black, 17.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c7a26a 0.0%, #c8a46d 1.6%, #c9a771 3.2%, #cbaa75 4.8%, #ccae7b 6.3%, #ceb281 7.9%, #d1b787 9.5%, #d3bb8e 11.1%, #d6c096 12.7%, #d8c59d 14.3%, #dbcaa4 15.9%, #decfab 17.5%, #e1d4b3 19.0%, #e3d8b9 20.6%, #e6dcbf 22.2%, #e8dfc5 23.8%, #eae2ca 25.4%, #ece4ce 27.0%, #ede5d1 28.6%, #ede6d3 30.2%, #ede5d4 31.7%, #ece4d4 33.3%, #eae2d2 34.9%, #e8dece 36.5%, #e4d9c9 38.1%, #dfd2c3 39.7%, #dacbbc 41.3%, #d5c4b4 42.9%, #cfbbab 44.4%, #c9b2a3 46.0%, #c2a99a 47.6%, #bc9f92 49.2%, #b6968a 50.8%, #b08d83 52.4%, #aa847d 54.0%, #a47c78 55.6%, #9e7474 57.1%, #986e72 58.7%, #936870 60.3%, #8f6370 61.9%, #8b6071 63.5%, #875f73 65.1%, #855e77 66.7%, #83607b 68.3%, #826381 69.8%, #816788 71.4%, #816d90 73.0%, #817397 74.6%, #827b9f 76.2%, #8384a7 77.8%, #858dae 79.4%, #8896b4 81.0%, #8ca0bb 82.5%, #91aac0 84.1%, #97b3c6 85.7%, #9ebcca 87.3%, #a7c5cf 88.9%, #afced4 90.5%, #b8d6d8 92.1%, #c1dddc 93.7%, #cae3e1 95.2%, #d1e9e4 96.8%, #d7ede7 98.4%, #ddf1ea 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.23% 0.0854 77.34) 0.0%, oklch(73.78% 0.0837 77.66) 1.6%, oklch(74.53% 0.0815 78.22) 3.2%, oklch(75.44% 0.0790 78.98) 4.8%, oklch(76.50% 0.0760 79.92) 6.3%, oklch(77.67% 0.0728 80.99) 7.9%, oklch(78.94% 0.0693 82.15) 9.5%, oklch(80.27% 0.0657 83.37) 11.1%, oklch(81.65% 0.0619 84.61) 12.7%, oklch(83.04% 0.0580 85.82) 14.3%, oklch(84.43% 0.0541 86.97) 15.9%, oklch(85.79% 0.0502 88.03) 17.5%, oklch(87.08% 0.0463 88.95) 19.0%, oklch(88.30% 0.0426 89.69) 20.6%, oklch(89.41% 0.0390 90.22) 22.2%, oklch(90.39% 0.0357 90.50) 23.8%, oklch(91.22% 0.0327 90.49) 25.4%, oklch(91.86% 0.0300 90.15) 27.0%, oklch(92.30% 0.0276 89.44) 28.6%, oklch(92.50% 0.0257 88.33) 30.2%, oklch(92.46% 0.0243 86.78) 31.7%, oklch(92.13% 0.0234 84.74) 33.3%, oklch(91.43% 0.0231 82.28) 34.9%, oklch(90.34% 0.0234 79.47) 36.5%, oklch(88.90% 0.0242 76.33) 38.1%, oklch(87.14% 0.0254 72.89) 39.7%, oklch(85.12% 0.0270 69.14) 41.3%, oklch(82.88% 0.0290 65.12) 42.9%, oklch(80.46% 0.0312 60.83) 44.4%, oklch(77.91% 0.0337 56.28) 46.0%, oklch(75.28% 0.0363 51.50) 47.6%, oklch(72.60% 0.0391 46.50) 49.2%, oklch(69.93% 0.0419 41.30) 50.8%, oklch(67.30% 0.0447 35.90) 52.4%, oklch(64.76% 0.0474 30.32) 54.0%, oklch(62.37% 0.0501 24.58) 55.6%, oklch(60.15% 0.0525 18.70) 57.1%, oklch(58.16% 0.0548 12.69) 58.7%, oklch(56.44% 0.0567 6.56) 60.3%, oklch(55.03% 0.0584 0.33) 61.9%, oklch(53.98% 0.0596 354.01) 63.5%, oklch(53.34% 0.0604 347.62) 65.1%, oklch(53.15% 0.0606 341.18) 66.7%, oklch(53.42% 0.0604 334.39) 68.3%, oklch(54.10% 0.0598 327.00) 69.8%, oklch(55.16% 0.0589 319.09) 71.4%, oklch(56.56% 0.0576 310.73) 73.0%, oklch(58.26% 0.0561 302.00) 74.6%, oklch(60.22% 0.0543 292.97) 76.2%, oklch(62.39% 0.0524 283.72) 77.8%, oklch(64.75% 0.0502 274.33) 79.4%, oklch(67.25% 0.0479 264.86) 81.0%, oklch(69.86% 0.0456 255.40) 82.5%, oklch(72.53% 0.0431 246.02) 84.1%, oklch(75.22% 0.0407 236.79) 85.7%, oklch(77.90% 0.0382 227.80) 87.3%, oklch(80.52% 0.0358 219.10) 88.9%, oklch(83.05% 0.0335 210.80) 90.5%, oklch(85.45% 0.0313 202.94) 92.1%, oklch(87.68% 0.0293 195.62) 93.7%, oklch(89.69% 0.0274 188.91) 95.2%, oklch(91.46% 0.0258 182.87) 96.8%, oklch(92.94% 0.0245 177.60) 98.4%, oklch(94.09% 0.0234 173.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.085 | 77.3 |
| 2 | 0.921 | 0.023 | 84.7 |
| 3 | 0.531 | 0.061 | -18.8 |
| 4 | 0.941 | 0.023 | -186.8 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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