# Brown, white and gray radial gradient

Brown, white and gray radial gradient with 64 colors: #ab8275, #ae8479, #b1887e, #b58d84, #b9938b, #bf9993, #c4a09c, #caa7a5, #cfafae, #d5b7b7, #dbbfc1, #e0c7c9, #e6cfd2, #ebd6da, #efdde1, #f3e3e7, #f6e9ed, #f9edf1, #fbf0f4, #fbf3f6, #fbf3f6, #f9f2f5, #f6f0f3, #f2ecee, #ece6e9, #e6dfe2, #ded7d9, #d6ced0, #cdc4c7, #c3b9bc, #baafb1, #b0a4a6, #a6989b, #9c8d8f, #928384, #887879, #7f6e6f, #776566, #6f5d5d, #685556, #614e4f, #5c494a, #584546, #544144, #513e42, #4e3c41, #4c3b41, #4a3a41, #483942, #463943, #453944, #433a45, #423b46, #413c48, #403d49, #403f4a, #3f404b, #3f414b, #3f434c, #3f444c, #3f454c, #3f454c, #3f464c, #3f464c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUoygbewM6LQJwoxhTDg`
- Page: https://grabient.com/kUoygbewM6LQJwoxhTDg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10 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 | `#ab8275` | `oklch(64.17% 0.0551 37.97)` | Hickory Branch | black, 6.1 to 1 |
| 2 | `#ae8479` | `oklch(65.12% 0.0538 36.63)` | Dusty Duchess | black, 6.3 to 1 |
| 3 | `#b1887e` | `oklch(66.38% 0.0522 34.94)` | Cappuccino Bombe | black, 6.7 to 1 |
| 4 | `#b58d84` | `oklch(67.90% 0.0503 32.96)` | Ponder | black, 7.1 to 1 |
| 5 | `#b9938b` | `oklch(69.66% 0.0482 30.70)` | Mauve Blush | black, 7.6 to 1 |
| 6 | `#bf9993` | `oklch(71.61% 0.0458 28.23)` | Lilac Suede | black, 8.1 to 1 |
| 7 | `#c4a09c` | `oklch(73.71% 0.0433 25.56)` | Aged Pink | black, 8.8 to 1 |
| 8 | `#caa7a5` | `oklch(75.93% 0.0406 22.74)` | Parfait | black, 9.5 to 1 |
| 9 | `#cfafae` | `oklch(78.22% 0.0378 19.82)` | Garden Snail | black, 10.4 to 1 |
| 10 | `#d5b7b7` | `oklch(80.54% 0.0349 16.82)` | Rose Stain | black, 11.2 to 1 |
| 11 | `#dbbfc1` | `oklch(82.86% 0.0320 13.79)` | Mud Pink | black, 12.2 to 1 |
| 12 | `#e0c7c9` | `oklch(85.14% 0.0291 10.77)` | Pocketful of Promise | black, 13.1 to 1 |
| 13 | `#e6cfd2` | `oklch(87.33% 0.0263 7.79)` | Delicate Pink | black, 14.1 to 1 |
| 14 | `#ebd6da` | `oklch(89.40% 0.0235 4.89)` | Berry Taffy | black, 15.1 to 1 |
| 15 | `#efdde1` | `oklch(91.31% 0.0208 2.12)` | Dream State | black, 16 to 1 |
| 16 | `#f3e3e7` | `oklch(93.02% 0.0183 359.50)` | Be Mine | black, 16.9 to 1 |
| 17 | `#f6e9ed` | `oklch(94.49% 0.0160 357.09)` | Morning Shine | black, 17.7 to 1 |
| 18 | `#f9edf1` | `oklch(95.67% 0.0138 354.91)` | Sentimental Pink | black, 18.4 to 1 |
| 19 | `#fbf0f4` | `oklch(96.55% 0.0120 353.01)` | Pale Cherry Blossom | black, 18.9 to 1 |
| 20 | `#fbf3f6` | `oklch(97.06% 0.0104 351.43)` | Abalone | black, 19.2 to 1 |
| 21 | `#fbf3f6` | `oklch(97.17% 0.0092 350.20)` | Abalone | black, 19.2 to 1 |
| 22 | `#f9f2f5` | `oklch(96.85% 0.0083 349.36)` | Abalone | black, 19.1 to 1 |
| 23 | `#f6f0f3` | `oklch(96.04% 0.0078 349.05)` | Grim White | black, 18.6 to 1 |
| 24 | `#f2ecee` | `oklch(94.76% 0.0076 349.32)` | Sheikh White | black, 17.9 to 1 |
| 25 | `#ece6e9` | `oklch(93.04% 0.0077 350.12)` | Wedding | black, 17 to 1 |
| 26 | `#e6dfe2` | `oklch(90.94% 0.0081 351.35)` | Pearl Violet | black, 15.9 to 1 |
| 27 | `#ded7d9` | `oklch(88.50% 0.0087 352.97)` | Pearl Pebble | black, 14.8 to 1 |
| 28 | `#d6ced0` | `oklch(85.76% 0.0095 354.88)` | Light Orchid Haze | black, 13.5 to 1 |
| 29 | `#cdc4c7` | `oklch(82.78% 0.0106 357.03)` | Piano Grey Rose | black, 12.2 to 1 |
| 30 | `#c3b9bc` | `oklch(79.60% 0.0117 359.34)` | Lilac Marble | black, 11 to 1 |
| 31 | `#baafb1` | `oklch(76.26% 0.0130 1.73)` | Antique Mauve | black, 9.8 to 1 |
| 32 | `#b0a4a6` | `oklch(72.81% 0.0144 4.15)` | Quest Grey | black, 8.6 to 1 |
| 33 | `#a6989b` | `oklch(69.30% 0.0158 6.51)` | Laura | black, 7.6 to 1 |
| 34 | `#9c8d8f` | `oklch(65.78% 0.0172 8.75)` | Coquina | black, 6.6 to 1 |
| 35 | `#928384` | `oklch(62.28% 0.0187 10.79)` | Exotica | black, 5.7 to 1 |
| 36 | `#887879` | `oklch(58.87% 0.0201 12.57)` | Soulmate | black, 5 to 1 |
| 37 | `#7f6e6f` | `oklch(55.57% 0.0214 14.01)` | Dusky Cyclamen | white, 4.7 to 1 |
| 38 | `#776566` | `oklch(52.44% 0.0226 15.03)` | Paradise Grape | white, 5.4 to 1 |
| 39 | `#6f5d5d` | `oklch(49.53% 0.0237 15.58)` | Poetry Plum | white, 6.1 to 1 |
| 40 | `#685556` | `oklch(46.88% 0.0246 15.58)` | Briar Wood | white, 6.9 to 1 |
| 41 | `#614e4f` | `oklch(44.53% 0.0254 14.95)` | Spell | white, 7.6 to 1 |
| 42 | `#5c494a` | `oklch(42.54% 0.0259 13.63)` | Deep Aubergine | white, 8.3 to 1 |
| 43 | `#584546` | `oklch(40.94% 0.0262 11.55)` | Mahogany Spice | white, 8.9 to 1 |
| 44 | `#544144` | `oklch(39.68% 0.0262 8.59)` | Beauport Aubergine | white, 9.4 to 1 |
| 45 | `#513e42` | `oklch(38.65% 0.0261 4.76)` | Requiem | white, 9.8 to 1 |
| 46 | `#4e3c41` | `oklch(37.82% 0.0259 0.14)` | Burnt Bamboo | white, 10.2 to 1 |
| 47 | `#4c3b41` | `oklch(37.17% 0.0255 354.83)` | Pitch Black | white, 10.4 to 1 |
| 48 | `#4a3a41` | `oklch(36.71% 0.0251 348.92)` | Royal Silk | white, 10.6 to 1 |
| 49 | `#483942` | `oklch(36.39% 0.0245 342.48)` | Royal Silk | white, 10.8 to 1 |
| 50 | `#463943` | `oklch(36.22% 0.0238 335.62)` | Vincotto | white, 10.8 to 1 |
| 51 | `#453944` | `oklch(36.17% 0.0231 328.42)` | Vincotto | white, 10.9 to 1 |
| 52 | `#433a45` | `oklch(36.22% 0.0223 320.97)` | Ship Grey | white, 10.8 to 1 |
| 53 | `#423b46` | `oklch(36.37% 0.0215 313.37)` | Ship Grey | white, 10.7 to 1 |
| 54 | `#413c48` | `oklch(36.58% 0.0207 305.69)` | Italian Grape | white, 10.6 to 1 |
| 55 | `#403d49` | `oklch(36.85% 0.0198 298.03)` | Italian Grape | white, 10.5 to 1 |
| 56 | `#403f4a` | `oklch(37.16% 0.0190 290.49)` | Volcanic Sand | white, 10.4 to 1 |
| 57 | `#3f404b` | `oklch(37.49% 0.0181 283.14)` | Intellectual | white, 10.2 to 1 |
| 58 | `#3f414b` | `oklch(37.82% 0.0173 276.07)` | Intellectual | white, 10.1 to 1 |
| 59 | `#3f434c` | `oklch(38.14% 0.0165 269.39)` | Blackbird | white, 9.9 to 1 |
| 60 | `#3f444c` | `oklch(38.44% 0.0158 263.17)` | Blackbird | white, 9.8 to 1 |
| 61 | `#3f454c` | `oklch(38.68% 0.0152 257.50)` | Blackbird | white, 9.7 to 1 |
| 62 | `#3f454c` | `oklch(38.87% 0.0146 252.49)` | Blackbird | white, 9.6 to 1 |
| 63 | `#3f464c` | `oklch(38.97% 0.0141 248.20)` | Alpine Duck Grey | white, 9.5 to 1 |
| 64 | `#3f464c` | `oklch(38.98% 0.0138 244.74)` | Alpine Duck Grey | white, 9.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ab8275 0.0%, #ae8479 1.6%, #b1887e 3.2%, #b58d84 4.8%, #b9938b 6.3%, #bf9993 7.9%, #c4a09c 9.5%, #caa7a5 11.1%, #cfafae 12.7%, #d5b7b7 14.3%, #dbbfc1 15.9%, #e0c7c9 17.5%, #e6cfd2 19.0%, #ebd6da 20.6%, #efdde1 22.2%, #f3e3e7 23.8%, #f6e9ed 25.4%, #f9edf1 27.0%, #fbf0f4 28.6%, #fbf3f6 30.2%, #fbf3f6 31.7%, #f9f2f5 33.3%, #f6f0f3 34.9%, #f2ecee 36.5%, #ece6e9 38.1%, #e6dfe2 39.7%, #ded7d9 41.3%, #d6ced0 42.9%, #cdc4c7 44.4%, #c3b9bc 46.0%, #baafb1 47.6%, #b0a4a6 49.2%, #a6989b 50.8%, #9c8d8f 52.4%, #928384 54.0%, #887879 55.6%, #7f6e6f 57.1%, #776566 58.7%, #6f5d5d 60.3%, #685556 61.9%, #614e4f 63.5%, #5c494a 65.1%, #584546 66.7%, #544144 68.3%, #513e42 69.8%, #4e3c41 71.4%, #4c3b41 73.0%, #4a3a41 74.6%, #483942 76.2%, #463943 77.8%, #453944 79.4%, #433a45 81.0%, #423b46 82.5%, #413c48 84.1%, #403d49 85.7%, #403f4a 87.3%, #3f404b 88.9%, #3f414b 90.5%, #3f434c 92.1%, #3f444c 93.7%, #3f454c 95.2%, #3f454c 96.8%, #3f464c 98.4%, #3f464c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.17% 0.0551 37.97) 0.0%, oklch(65.12% 0.0538 36.63) 1.6%, oklch(66.38% 0.0522 34.94) 3.2%, oklch(67.90% 0.0503 32.96) 4.8%, oklch(69.66% 0.0482 30.70) 6.3%, oklch(71.61% 0.0458 28.23) 7.9%, oklch(73.71% 0.0433 25.56) 9.5%, oklch(75.93% 0.0406 22.74) 11.1%, oklch(78.22% 0.0378 19.82) 12.7%, oklch(80.54% 0.0349 16.82) 14.3%, oklch(82.86% 0.0320 13.79) 15.9%, oklch(85.14% 0.0291 10.77) 17.5%, oklch(87.33% 0.0263 7.79) 19.0%, oklch(89.40% 0.0235 4.89) 20.6%, oklch(91.31% 0.0208 2.12) 22.2%, oklch(93.02% 0.0183 359.50) 23.8%, oklch(94.49% 0.0160 357.09) 25.4%, oklch(95.67% 0.0138 354.91) 27.0%, oklch(96.55% 0.0120 353.01) 28.6%, oklch(97.06% 0.0104 351.43) 30.2%, oklch(97.17% 0.0092 350.20) 31.7%, oklch(96.85% 0.0083 349.36) 33.3%, oklch(96.04% 0.0078 349.05) 34.9%, oklch(94.76% 0.0076 349.32) 36.5%, oklch(93.04% 0.0077 350.12) 38.1%, oklch(90.94% 0.0081 351.35) 39.7%, oklch(88.50% 0.0087 352.97) 41.3%, oklch(85.76% 0.0095 354.88) 42.9%, oklch(82.78% 0.0106 357.03) 44.4%, oklch(79.60% 0.0117 359.34) 46.0%, oklch(76.26% 0.0130 1.73) 47.6%, oklch(72.81% 0.0144 4.15) 49.2%, oklch(69.30% 0.0158 6.51) 50.8%, oklch(65.78% 0.0172 8.75) 52.4%, oklch(62.28% 0.0187 10.79) 54.0%, oklch(58.87% 0.0201 12.57) 55.6%, oklch(55.57% 0.0214 14.01) 57.1%, oklch(52.44% 0.0226 15.03) 58.7%, oklch(49.53% 0.0237 15.58) 60.3%, oklch(46.88% 0.0246 15.58) 61.9%, oklch(44.53% 0.0254 14.95) 63.5%, oklch(42.54% 0.0259 13.63) 65.1%, oklch(40.94% 0.0262 11.55) 66.7%, oklch(39.68% 0.0262 8.59) 68.3%, oklch(38.65% 0.0261 4.76) 69.8%, oklch(37.82% 0.0259 0.14) 71.4%, oklch(37.17% 0.0255 354.83) 73.0%, oklch(36.71% 0.0251 348.92) 74.6%, oklch(36.39% 0.0245 342.48) 76.2%, oklch(36.22% 0.0238 335.62) 77.8%, oklch(36.17% 0.0231 328.42) 79.4%, oklch(36.22% 0.0223 320.97) 81.0%, oklch(36.37% 0.0215 313.37) 82.5%, oklch(36.58% 0.0207 305.69) 84.1%, oklch(36.85% 0.0198 298.03) 85.7%, oklch(37.16% 0.0190 290.49) 87.3%, oklch(37.49% 0.0181 283.14) 88.9%, oklch(37.82% 0.0173 276.07) 90.5%, oklch(38.14% 0.0165 269.39) 92.1%, oklch(38.44% 0.0158 263.17) 93.7%, oklch(38.68% 0.0152 257.50) 95.2%, oklch(38.87% 0.0146 252.49) 96.8%, oklch(38.97% 0.0141 248.20) 98.4%, oklch(38.98% 0.0138 244.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.055 | 38 |
| 2 | 0.969 | 0.008 | -10.6 |
| 3 | 0.409 | 0.026 | 11.5 |
| 4 | 0.39 | 0.014 | -115.3 |

## In these collections

- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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