# Gray, brown, pink and light blue radial gradient

Gray, brown, pink and light blue radial gradient with 32 colors: #c2e8df, #bbdfd1, #b1d1be, #a7c0a8, #9dad90, #939979, #8a8464, #817253, #796147, #72553f, #6e4c3b, #6d483b, #71483f, #774b45, #80504d, #8a5757, #965f61, #a3686b, #b07173, #bb7978, #c58079, #cb8676, #ce8c6e, #cc9464, #c49e5d, #b4a95f, #9db36d, #83bc83, #69c19d, #57c3b4, #50c2c7, #52c2d4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU5R5_uJOwFagPjgJdUg`
- Page: https://grabient.com/kU5R5_uJOwFagPjgJdUg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#c2e8df` | `oklch(90.16% 0.0413 179.30)` | Tame Teal | black, 15.9 to 1 |
| 2 | `#bbdfd1` | `oklch(87.25% 0.0420 171.10)` | Mint Mist | black, 14.5 to 1 |
| 3 | `#b1d1be` | `oklch(83.15% 0.0426 159.96)` | Pitcher | black, 12.7 to 1 |
| 4 | `#a7c0a8` | `oklch(78.17% 0.0434 146.57)` | Bryophyte | black, 10.7 to 1 |
| 5 | `#9dad90` | `oklch(72.62% 0.0442 131.62)` | Rooftop Garden | black, 8.7 to 1 |
| 6 | `#939979` | `oklch(66.82% 0.0452 115.79)` | Lucky Day | black, 7 to 1 |
| 7 | `#8a8464` | `oklch(61.07% 0.0463 99.78)` | Bandicoot | black, 5.5 to 1 |
| 8 | `#817253` | `oklch(55.70% 0.0477 84.27)` | Becker Gold | white, 4.7 to 1 |
| 9 | `#796147` | `oklch(51.01% 0.0492 69.96)` | Frontier Shingle | white, 5.7 to 1 |
| 10 | `#72553f` | `oklch(47.32% 0.0510 57.54)` | Moose Fur | white, 6.8 to 1 |
| 11 | `#6e4c3b` | `oklch(44.94% 0.0530 47.68)` | Tuscan Brown | white, 7.6 to 1 |
| 12 | `#6d483b` | `oklch(44.09% 0.0554 40.39)` | Birdhouse Brown | white, 7.9 to 1 |
| 13 | `#71483f` | `oklch(44.54% 0.0583 33.81)` | Burnished Mahogany | white, 7.7 to 1 |
| 14 | `#774b45` | `oklch(46.06% 0.0615 27.99)` | Sable | white, 7.3 to 1 |
| 15 | `#80504d` | `oklch(48.41% 0.0651 23.12)` | Cherokee Red | white, 6.6 to 1 |
| 16 | `#8a5757` | `oklch(51.35% 0.0689 19.43)` | Flowering Chestnut | white, 5.8 to 1 |
| 17 | `#965f61` | `oklch(54.66% 0.0727 17.09)` | Velveteen Crush | white, 5.1 to 1 |
| 18 | `#a3686b` | `oklch(58.11% 0.0765 16.34)` | Delhi Spice | black, 4.7 to 1 |
| 19 | `#b07173` | `oklch(61.45% 0.0801 17.35)` | Horizon Glow | black, 5.4 to 1 |
| 20 | `#bb7978` | `oklch(64.46% 0.0835 20.35)` | Wild Party | black, 6.1 to 1 |
| 21 | `#c58079` | `oklch(66.91% 0.0865 25.53)` | Brownish Pink | black, 6.7 to 1 |
| 22 | `#cb8676` | `oklch(68.60% 0.0890 33.24)` | Ginger Whisper | black, 7.1 to 1 |
| 23 | `#ce8c6e` | `oklch(69.92% 0.0912 45.26)` | Cinnamon Brandy | black, 7.6 to 1 |
| 24 | `#cc9464` | `oklch(71.04% 0.0932 61.25)` | Santa Fe Sunrise | black, 7.9 to 1 |
| 25 | `#c49e5d` | `oklch(71.98% 0.0950 80.19)` | Ole Yeller | black, 8.3 to 1 |
| 26 | `#b4a95f` | `oklch(72.77% 0.0967 101.06)` | Organic Garden | black, 8.7 to 1 |
| 27 | `#9db36d` | `oklch(73.43% 0.0982 122.85)` | Light Birch Green | black, 9.1 to 1 |
| 28 | `#83bc83` | `oklch(73.98% 0.0995 144.53)` | Greengage | black, 9.4 to 1 |
| 29 | `#69c19d` | `oklch(74.45% 0.1006 165.11)` | Peppermint Fresh | black, 9.6 to 1 |
| 30 | `#57c3b4` | `oklch(74.86% 0.1017 183.54)` | Treasured Teal | black, 9.8 to 1 |
| 31 | `#50c2c7` | `oklch(75.23% 0.1026 198.83)` | Gem Turquoise | black, 9.9 to 1 |
| 32 | `#52c2d4` | `oklch(75.59% 0.1033 209.94)` | Baharroth Blue | black, 9.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c2e8df 0.0%, #bbdfd1 3.2%, #b1d1be 6.5%, #a7c0a8 9.7%, #9dad90 12.9%, #939979 16.1%, #8a8464 19.4%, #817253 22.6%, #796147 25.8%, #72553f 29.0%, #6e4c3b 32.3%, #6d483b 35.5%, #71483f 38.7%, #774b45 41.9%, #80504d 45.2%, #8a5757 48.4%, #965f61 51.6%, #a3686b 54.8%, #b07173 58.1%, #bb7978 61.3%, #c58079 64.5%, #cb8676 67.7%, #ce8c6e 71.0%, #cc9464 74.2%, #c49e5d 77.4%, #b4a95f 80.6%, #9db36d 83.9%, #83bc83 87.1%, #69c19d 90.3%, #57c3b4 93.5%, #50c2c7 96.8%, #52c2d4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0413 179.30) 0.0%, oklch(87.25% 0.0420 171.10) 3.2%, oklch(83.15% 0.0426 159.96) 6.5%, oklch(78.17% 0.0434 146.57) 9.7%, oklch(72.62% 0.0442 131.62) 12.9%, oklch(66.82% 0.0452 115.79) 16.1%, oklch(61.07% 0.0463 99.78) 19.4%, oklch(55.70% 0.0477 84.27) 22.6%, oklch(51.01% 0.0492 69.96) 25.8%, oklch(47.32% 0.0510 57.54) 29.0%, oklch(44.94% 0.0530 47.68) 32.3%, oklch(44.09% 0.0554 40.39) 35.5%, oklch(44.54% 0.0583 33.81) 38.7%, oklch(46.06% 0.0615 27.99) 41.9%, oklch(48.41% 0.0651 23.12) 45.2%, oklch(51.35% 0.0689 19.43) 48.4%, oklch(54.66% 0.0727 17.09) 51.6%, oklch(58.11% 0.0765 16.34) 54.8%, oklch(61.45% 0.0801 17.35) 58.1%, oklch(64.46% 0.0835 20.35) 61.3%, oklch(66.91% 0.0865 25.53) 64.5%, oklch(68.60% 0.0890 33.24) 67.7%, oklch(69.92% 0.0912 45.26) 71.0%, oklch(71.04% 0.0932 61.25) 74.2%, oklch(71.98% 0.0950 80.19) 77.4%, oklch(72.77% 0.0967 101.06) 80.6%, oklch(73.43% 0.0982 122.85) 83.9%, oklch(73.98% 0.0995 144.53) 87.1%, oklch(74.45% 0.1006 165.11) 90.3%, oklch(74.86% 0.1017 183.54) 93.5%, oklch(75.23% 0.1026 198.83) 96.8%, oklch(75.59% 0.1033 209.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.041 | 179.3 |
| 2 | 0.445 | 0.054 | 45.1 |
| 3 | 0.681 | 0.088 | 30.3 |
| 4 | 0.756 | 0.103 | 209.9 |

## Other forms

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