# Gray, brown, olive and purple radial gradient

Gray, brown, olive and purple radial gradient with 64 colors: #b3cacd, #b0cbcd, #accdcc, #a8cfca, #a4d2c7, #a2d4c1, #a2d6b8, #a6d7ad, #acd6a0, #b5d392, #bfcf84, #c8c978, #cfc26e, #d3ba67, #d4b062, #d2a561, #cd9961, #c48d62, #b98264, #ac7864, #9e6f63, #906661, #835f5e, #78595a, #6f5455, #695152, #654e4e, #634c4b, #634c47, #634b43, #644c3f, #644e3b, #645138, #635536, #625a36, #605f37, #5e653b, #5d6a3f, #5e6e42, #627446, #697b4b, #728250, #7d8a55, #8a925b, #979a60, #a6a266, #b4a86b, #c2ad71, #ceb176, #d8b37c, #dfb380, #e3b084, #e4ab87, #e2a48b, #dd9c8f, #d49492, #c98b95, #bc8396, #ae7b97, #9f7596, #916f94, #856a91, #7b668e, #73638c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY0RKS5acy7oLtnBGMzZR65EOXsS`
- Page: https://grabient.com/kY0RKS5acy7oLtnBGMzZR65EOXsS?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#b3cacd` | `oklch(82.28% 0.0248 206.02)` | Floating Blue | black, 12.2 to 1 |
| 2 | `#b0cbcd` | `oklch(82.27% 0.0290 200.90)` | Baroque Chalk Soft Blue | black, 12.2 to 1 |
| 3 | `#accdcc` | `oklch(82.38% 0.0350 194.43)` | Baroque Chalk Soft Blue | black, 12.3 to 1 |
| 4 | `#a8cfca` | `oklch(82.57% 0.0422 186.80)` | Blue Angora | black, 12.4 to 1 |
| 5 | `#a4d2c7` | `oklch(82.81% 0.0504 178.24)` | Phosphorus | black, 12.6 to 1 |
| 6 | `#a2d4c1` | `oklch(83.03% 0.0592 168.93)` | Flowering Cactus | black, 12.7 to 1 |
| 7 | `#a2d6b8` | `oklch(83.21% 0.0682 159.10)` | Nihilakh Oxide | black, 12.8 to 1 |
| 8 | `#a6d7ad` | `oklch(83.29% 0.0771 148.96)` | Frugal | black, 12.9 to 1 |
| 9 | `#acd6a0` | `oklch(83.23% 0.0855 138.71)` | Pistachio Green | black, 12.8 to 1 |
| 10 | `#b5d392` | `oklch(82.99% 0.0930 128.56)` | Al Green | black, 12.7 to 1 |
| 11 | `#bfcf84` | `oklch(82.52% 0.0993 118.73)` | Lettuce Green | black, 12.4 to 1 |
| 12 | `#c8c978` | `oklch(81.78% 0.1041 109.41)` | Celery Green | black, 12.1 to 1 |
| 13 | `#cfc26e` | `oklch(80.72% 0.1069 100.83)` | Tropical Moss | black, 11.6 to 1 |
| 14 | `#d3ba67` | `oklch(79.29% 0.1074 93.03)` | Tookie Bird | black, 10.9 to 1 |
| 15 | `#d4b062` | `oklch(77.30% 0.1054 84.85)` | Sell Gold | black, 10.1 to 1 |
| 16 | `#d2a561` | `oklch(74.80% 0.1013 76.19)` | Burnside | black, 9.2 to 1 |
| 17 | `#cd9961` | `oklch(71.92% 0.0955 67.28)` | Butternut Tree | black, 8.2 to 1 |
| 18 | `#c48d62` | `oklch(68.74% 0.0883 58.37)` | Eastlake Gold | black, 7.3 to 1 |
| 19 | `#b98264` | `oklch(65.39% 0.0802 49.70)` | Cognac Brown | black, 6.4 to 1 |
| 20 | `#ac7864` | `oklch(61.96% 0.0716 41.49)` | Sawshark | black, 5.6 to 1 |
| 21 | `#9e6f63` | `oklch(58.57% 0.0630 34.00)` | Discretion | black, 4.8 to 1 |
| 22 | `#906661` | `oklch(55.32% 0.0546 27.46)` | Cloak of Mystery | white, 4.9 to 1 |
| 23 | `#835f5e` | `oklch(52.33% 0.0469 22.12)` | Tarsier | white, 5.5 to 1 |
| 24 | `#78595a` | `oklch(49.69% 0.0403 18.20)` | Czarina | white, 6.2 to 1 |
| 25 | `#6f5455` | `oklch(47.51% 0.0352 15.95)` | Grand Plum | white, 6.7 to 1 |
| 26 | `#695152` | `oklch(45.91% 0.0321 15.62)` | Ripe Fig | white, 7.2 to 1 |
| 27 | `#654e4e` | `oklch(44.87% 0.0309 17.76)` | Robeson Rose | white, 7.6 to 1 |
| 28 | `#634c4b` | `oklch(44.17% 0.0311 22.88)` | Soul Searching | white, 7.8 to 1 |
| 29 | `#634c47` | `oklch(43.78% 0.0325 30.48)` | French Roast | white, 7.9 to 1 |
| 30 | `#634b43` | `oklch(43.68% 0.0349 40.02)` | Chaps | white, 7.9 to 1 |
| 31 | `#644c3f` | `oklch(43.84% 0.0381 50.96)` | Chocolate Coco | white, 7.9 to 1 |
| 32 | `#644e3b` | `oklch(44.24% 0.0418 62.77)` | Tobacco | white, 7.7 to 1 |
| 33 | `#645138` | `oklch(44.84% 0.0459 74.92)` | Wild Chocolate | white, 7.5 to 1 |
| 34 | `#635536` | `oklch(45.63% 0.0503 86.87)` | Cartwheel | white, 7.2 to 1 |
| 35 | `#625a36` | `oklch(46.58% 0.0546 98.09)` | Beach Casuarina | white, 6.9 to 1 |
| 36 | `#605f37` | `oklch(47.66% 0.0587 108.05)` | Basque Green | white, 6.5 to 1 |
| 37 | `#5e653b` | `oklch(48.85% 0.0624 116.20)` | Scots Pine | white, 6.2 to 1 |
| 38 | `#5d6a3f` | `oklch(50.12% 0.0656 122.03)` | Baby Vegetable | white, 5.8 to 1 |
| 39 | `#5e6e42` | `oklch(51.46% 0.0679 125.01)` | Chalet Green | white, 5.5 to 1 |
| 40 | `#627446` | `oklch(53.22% 0.0700 125.89)` | Jolly Green | white, 5.1 to 1 |
| 41 | `#697b4b` | `oklch(55.46% 0.0720 125.27)` | Mint Leaves | white, 4.6 to 1 |
| 42 | `#728250` | `oklch(58.08% 0.0739 123.29)` | Herb | black, 5 to 1 |
| 43 | `#7d8a55` | `oklch(60.97% 0.0758 120.11)` | Scarabœus Nobilis | black, 5.6 to 1 |
| 44 | `#8a925b` | `oklch(63.99% 0.0775 115.87)` | Fair and Square | black, 6.3 to 1 |
| 45 | `#979a60` | `oklch(67.05% 0.0791 110.74)` | Stem | black, 7.1 to 1 |
| 46 | `#a6a266` | `oklch(70.01% 0.0805 104.85)` | Willow Leaf | black, 7.9 to 1 |
| 47 | `#b4a86b` | `oklch(72.77% 0.0817 98.37)` | Oatmeal Biscuit | black, 8.7 to 1 |
| 48 | `#c2ad71` | `oklch(75.21% 0.0827 91.44)` | Dried Moss | black, 9.5 to 1 |
| 49 | `#ceb176` | `oklch(77.21% 0.0834 84.20)` | Gold Digger | black, 10.1 to 1 |
| 50 | `#d8b37c` | `oklch(78.65% 0.0839 76.82)` | Boudin | black, 10.6 to 1 |
| 51 | `#dfb380` | `oklch(79.43% 0.0841 69.44)` | Cellini Gold | black, 10.8 to 1 |
| 52 | `#e3b084` | `oklch(79.42% 0.0839 61.89)` | Soft Skills | black, 10.8 to 1 |
| 53 | `#e4ab87` | `oklch(78.64% 0.0832 53.03)` | Tumbleweed | black, 10.4 to 1 |
| 54 | `#e2a48b` | `oklch(77.20% 0.0821 43.01)` | Peach Nougat | black, 9.9 to 1 |
| 55 | `#dd9c8f` | `oklch(75.21% 0.0806 32.11)` | Rhapsodic | black, 9.2 to 1 |
| 56 | `#d49492` | `oklch(72.81% 0.0788 20.62)` | Keel Joy | black, 8.4 to 1 |
| 57 | `#c98b95` | `oklch(70.11% 0.0769 8.83)` | Solid Pink | black, 7.6 to 1 |
| 58 | `#bc8396` | `oklch(67.24% 0.0748 357.01)` | Mauvey Nude | black, 6.8 to 1 |
| 59 | `#ae7b97` | `oklch(64.31% 0.0727 345.47)` | Wonder Wish | black, 6 to 1 |
| 60 | `#9f7596` | `oklch(61.46% 0.0707 334.48)` | Screen Gem | black, 5.4 to 1 |
| 61 | `#916f94` | `oklch(58.79% 0.0688 324.34)` | Wine Stroll | black, 4.9 to 1 |
| 62 | `#856a91` | `oklch(56.43% 0.0671 315.32)` | Poetry Mauve | white, 4.7 to 1 |
| 63 | `#7b668e` | `oklch(54.51% 0.0657 307.72)` | Clematis | white, 5 to 1 |
| 64 | `#73638c` | `oklch(53.15% 0.0648 301.83)` | Posy Purple | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b3cacd 0.0%, #b0cbcd 1.6%, #accdcc 3.2%, #a8cfca 4.8%, #a4d2c7 6.3%, #a2d4c1 7.9%, #a2d6b8 9.5%, #a6d7ad 11.1%, #acd6a0 12.7%, #b5d392 14.3%, #bfcf84 15.9%, #c8c978 17.5%, #cfc26e 19.0%, #d3ba67 20.6%, #d4b062 22.2%, #d2a561 23.8%, #cd9961 25.4%, #c48d62 27.0%, #b98264 28.6%, #ac7864 30.2%, #9e6f63 31.7%, #906661 33.3%, #835f5e 34.9%, #78595a 36.5%, #6f5455 38.1%, #695152 39.7%, #654e4e 41.3%, #634c4b 42.9%, #634c47 44.4%, #634b43 46.0%, #644c3f 47.6%, #644e3b 49.2%, #645138 50.8%, #635536 52.4%, #625a36 54.0%, #605f37 55.6%, #5e653b 57.1%, #5d6a3f 58.7%, #5e6e42 60.3%, #627446 61.9%, #697b4b 63.5%, #728250 65.1%, #7d8a55 66.7%, #8a925b 68.3%, #979a60 69.8%, #a6a266 71.4%, #b4a86b 73.0%, #c2ad71 74.6%, #ceb176 76.2%, #d8b37c 77.8%, #dfb380 79.4%, #e3b084 81.0%, #e4ab87 82.5%, #e2a48b 84.1%, #dd9c8f 85.7%, #d49492 87.3%, #c98b95 88.9%, #bc8396 90.5%, #ae7b97 92.1%, #9f7596 93.7%, #916f94 95.2%, #856a91 96.8%, #7b668e 98.4%, #73638c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(82.28% 0.0248 206.02) 0.0%, oklch(82.27% 0.0290 200.90) 1.6%, oklch(82.38% 0.0350 194.43) 3.2%, oklch(82.57% 0.0422 186.80) 4.8%, oklch(82.81% 0.0504 178.24) 6.3%, oklch(83.03% 0.0592 168.93) 7.9%, oklch(83.21% 0.0682 159.10) 9.5%, oklch(83.29% 0.0771 148.96) 11.1%, oklch(83.23% 0.0855 138.71) 12.7%, oklch(82.99% 0.0930 128.56) 14.3%, oklch(82.52% 0.0993 118.73) 15.9%, oklch(81.78% 0.1041 109.41) 17.5%, oklch(80.72% 0.1069 100.83) 19.0%, oklch(79.29% 0.1074 93.03) 20.6%, oklch(77.30% 0.1054 84.85) 22.2%, oklch(74.80% 0.1013 76.19) 23.8%, oklch(71.92% 0.0955 67.28) 25.4%, oklch(68.74% 0.0883 58.37) 27.0%, oklch(65.39% 0.0802 49.70) 28.6%, oklch(61.96% 0.0716 41.49) 30.2%, oklch(58.57% 0.0630 34.00) 31.7%, oklch(55.32% 0.0546 27.46) 33.3%, oklch(52.33% 0.0469 22.12) 34.9%, oklch(49.69% 0.0403 18.20) 36.5%, oklch(47.51% 0.0352 15.95) 38.1%, oklch(45.91% 0.0321 15.62) 39.7%, oklch(44.87% 0.0309 17.76) 41.3%, oklch(44.17% 0.0311 22.88) 42.9%, oklch(43.78% 0.0325 30.48) 44.4%, oklch(43.68% 0.0349 40.02) 46.0%, oklch(43.84% 0.0381 50.96) 47.6%, oklch(44.24% 0.0418 62.77) 49.2%, oklch(44.84% 0.0459 74.92) 50.8%, oklch(45.63% 0.0503 86.87) 52.4%, oklch(46.58% 0.0546 98.09) 54.0%, oklch(47.66% 0.0587 108.05) 55.6%, oklch(48.85% 0.0624 116.20) 57.1%, oklch(50.12% 0.0656 122.03) 58.7%, oklch(51.46% 0.0679 125.01) 60.3%, oklch(53.22% 0.0700 125.89) 61.9%, oklch(55.46% 0.0720 125.27) 63.5%, oklch(58.08% 0.0739 123.29) 65.1%, oklch(60.97% 0.0758 120.11) 66.7%, oklch(63.99% 0.0775 115.87) 68.3%, oklch(67.05% 0.0791 110.74) 69.8%, oklch(70.01% 0.0805 104.85) 71.4%, oklch(72.77% 0.0817 98.37) 73.0%, oklch(75.21% 0.0827 91.44) 74.6%, oklch(77.21% 0.0834 84.20) 76.2%, oklch(78.65% 0.0839 76.82) 77.8%, oklch(79.43% 0.0841 69.44) 79.4%, oklch(79.42% 0.0839 61.89) 81.0%, oklch(78.64% 0.0832 53.03) 82.5%, oklch(77.20% 0.0821 43.01) 84.1%, oklch(75.21% 0.0806 32.11) 85.7%, oklch(72.81% 0.0788 20.62) 87.3%, oklch(70.11% 0.0769 8.83) 88.9%, oklch(67.24% 0.0748 357.01) 90.5%, oklch(64.31% 0.0727 345.47) 92.1%, oklch(61.46% 0.0707 334.48) 93.7%, oklch(58.79% 0.0688 324.34) 95.2%, oklch(56.43% 0.0671 315.32) 96.8%, oklch(54.51% 0.0657 307.72) 98.4%, oklch(53.15% 0.0648 301.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.025 | 206 |
| 2 | 0.799 | 0.107 | 96.1 |
| 3 | 0.457 | 0.032 | 15.8 |
| 4 | 0.512 | 0.068 | 124.6 |
| 5 | 0.795 | 0.084 | 66.5 |
| 6 | 0.531 | 0.065 | -58.2 |

## Other forms

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