# Complementary beige, gray and blue radial gradient

Complementary beige, gray and blue radial gradient with 32 colors: #f4e6b6, #f4e4b5, #f3e2b4, #f2dfb4, #f1dbb4, #f0d8b3, #eed4b3, #ecd0b2, #e9ccb2, #e7c8b1, #e3c4b1, #e0c0b0, #dcbbaf, #d8b7af, #d3b2ae, #cdadad, #c7a8ac, #c1a4ab, #bb9fa9, #b49aa8, #ae96a6, #a891a4, #a18ca2, #9a87a0, #93829f, #8b7c9d, #83779b, #7a739a, #726f98, #6a6b97, #646895, #5e6694. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU6y9DapA69eNtrCmrkA`
- Page: https://grabient.com/kU6y9DapA69eNtrCmrkA?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light to dark, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4.4 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 | `#f4e6b6` | `oklch(92.52% 0.0648 94.22)` | Martica | black, 16.8 to 1 |
| 2 | `#f4e4b5` | `oklch(92.05% 0.0635 91.95)` | Smooth as Corn Silk | black, 16.6 to 1 |
| 3 | `#f3e2b4` | `oklch(91.48% 0.0619 89.24)` | James Blonde | black, 16.3 to 1 |
| 4 | `#f2dfb4` | `oklch(90.83% 0.0599 86.11)` | Calla | black, 15.9 to 1 |
| 5 | `#f1dbb4` | `oklch(90.09% 0.0576 82.58)` | Precious | black, 15.5 to 1 |
| 6 | `#f0d8b3` | `oklch(89.27% 0.0553 78.66)` | Simple Pleasures | black, 15.1 to 1 |
| 7 | `#eed4b3` | `oklch(88.38% 0.0528 74.37)` | Nashi Pear Beige | black, 14.7 to 1 |
| 8 | `#ecd0b2` | `oklch(87.42% 0.0505 69.73)` | Caen Stone | black, 14.2 to 1 |
| 9 | `#e9ccb2` | `oklch(86.41% 0.0482 64.76)` | Sweet Orange | black, 13.8 to 1 |
| 10 | `#e7c8b1` | `oklch(85.35% 0.0462 59.47)` | Mesquite Powder | black, 13.3 to 1 |
| 11 | `#e3c4b1` | `oklch(84.24% 0.0446 53.88)` | Gypsum Rose | black, 12.8 to 1 |
| 12 | `#e0c0b0` | `oklch(83.07% 0.0432 47.88)` | Cinnamon Tea | black, 12.3 to 1 |
| 13 | `#dcbbaf` | `oklch(81.82% 0.0417 41.16)` | One to Remember | black, 11.8 to 1 |
| 14 | `#d8b7af` | `oklch(80.48% 0.0403 33.82)` | Peach Whip | black, 11.2 to 1 |
| 15 | `#d3b2ae` | `oklch(79.08% 0.0389 26.04)` | Victoriana | black, 10.7 to 1 |
| 16 | `#cdadad` | `oklch(77.62% 0.0377 17.95)` | Vista | black, 10.1 to 1 |
| 17 | `#c7a8ac` | `oklch(76.11% 0.0366 9.71)` | Dutchess Dawn | black, 9.6 to 1 |
| 18 | `#c1a4ab` | `oklch(74.58% 0.0359 1.47)` | Cold Pink | black, 9.1 to 1 |
| 19 | `#bb9fa9` | `oklch(73.03% 0.0356 353.39)` | Pinterested | black, 8.6 to 1 |
| 20 | `#b49aa8` | `oklch(71.47% 0.0357 345.61)` | Play Time | black, 8.1 to 1 |
| 21 | `#ae96a6` | `oklch(69.92% 0.0364 338.30)` | Grape Soda | black, 7.7 to 1 |
| 22 | `#a891a4` | `oklch(68.38% 0.0377 331.54)` | Garden Flower | black, 7.2 to 1 |
| 23 | `#a18ca2` | `oklch(66.72% 0.0400 324.85)` | Vesuvian Violet | black, 6.8 to 1 |
| 24 | `#9a87a0` | `oklch(64.94% 0.0431 318.12)` | Amethyst Grey Violet | black, 6.3 to 1 |
| 25 | `#93829f` | `oklch(63.10% 0.0469 311.47)` | Mixed Berries | black, 5.9 to 1 |
| 26 | `#8b7c9d` | `oklch(61.23% 0.0510 304.99)` | Pickled Purple | black, 5.4 to 1 |
| 27 | `#83779b` | `oklch(59.39% 0.0554 298.79)` | Garden Violets | black, 5 to 1 |
| 28 | `#7a739a` | `oklch(57.63% 0.0598 292.98)` | Kimono Violet | black, 4.7 to 1 |
| 29 | `#726f98` | `oklch(56.00% 0.0640 287.65)` | Thirsty Thursday | white, 4.7 to 1 |
| 30 | `#6a6b97` | `oklch(54.55% 0.0677 282.92)` | Wild Wisteria | white, 5 to 1 |
| 31 | `#646895` | `oklch(53.32% 0.0708 278.87)` | Dark Horizon | white, 5.2 to 1 |
| 32 | `#5e6694` | `oklch(52.36% 0.0730 275.63)` | Prime Purple | white, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4e6b6 0.0%, #f4e4b5 3.2%, #f3e2b4 6.5%, #f2dfb4 9.7%, #f1dbb4 12.9%, #f0d8b3 16.1%, #eed4b3 19.4%, #ecd0b2 22.6%, #e9ccb2 25.8%, #e7c8b1 29.0%, #e3c4b1 32.3%, #e0c0b0 35.5%, #dcbbaf 38.7%, #d8b7af 41.9%, #d3b2ae 45.2%, #cdadad 48.4%, #c7a8ac 51.6%, #c1a4ab 54.8%, #bb9fa9 58.1%, #b49aa8 61.3%, #ae96a6 64.5%, #a891a4 67.7%, #a18ca2 71.0%, #9a87a0 74.2%, #93829f 77.4%, #8b7c9d 80.6%, #83779b 83.9%, #7a739a 87.1%, #726f98 90.3%, #6a6b97 93.5%, #646895 96.8%, #5e6694 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.52% 0.0648 94.22) 0.0%, oklch(92.05% 0.0635 91.95) 3.2%, oklch(91.48% 0.0619 89.24) 6.5%, oklch(90.83% 0.0599 86.11) 9.7%, oklch(90.09% 0.0576 82.58) 12.9%, oklch(89.27% 0.0553 78.66) 16.1%, oklch(88.38% 0.0528 74.37) 19.4%, oklch(87.42% 0.0505 69.73) 22.6%, oklch(86.41% 0.0482 64.76) 25.8%, oklch(85.35% 0.0462 59.47) 29.0%, oklch(84.24% 0.0446 53.88) 32.3%, oklch(83.07% 0.0432 47.88) 35.5%, oklch(81.82% 0.0417 41.16) 38.7%, oklch(80.48% 0.0403 33.82) 41.9%, oklch(79.08% 0.0389 26.04) 45.2%, oklch(77.62% 0.0377 17.95) 48.4%, oklch(76.11% 0.0366 9.71) 51.6%, oklch(74.58% 0.0359 1.47) 54.8%, oklch(73.03% 0.0356 353.39) 58.1%, oklch(71.47% 0.0357 345.61) 61.3%, oklch(69.92% 0.0364 338.30) 64.5%, oklch(68.38% 0.0377 331.54) 67.7%, oklch(66.72% 0.0400 324.85) 71.0%, oklch(64.94% 0.0431 318.12) 74.2%, oklch(63.10% 0.0469 311.47) 77.4%, oklch(61.23% 0.0510 304.99) 80.6%, oklch(59.39% 0.0554 298.79) 83.9%, oklch(57.63% 0.0598 292.98) 87.1%, oklch(56.00% 0.0640 287.65) 90.3%, oklch(54.55% 0.0677 282.92) 93.5%, oklch(53.32% 0.0708 278.87) 96.8%, oklch(52.36% 0.0730 275.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.065 | 94.2 |
| 2 | 0.839 | 0.044 | 51.9 |
| 3 | 0.689 | 0.037 | -26.3 |
| 4 | 0.524 | 0.073 | -84.4 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Winter](https://grabient.com/winter)

## Other forms

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