# White, gray and green radial gradient

White, gray and green radial gradient with 32 colors: #ecedea, #eaede7, #e7ece3, #e4ebdf, #e0eadb, #dce9d6, #d8e8d2, #d3e6ce, #cfe4ca, #cbe1c6, #c7ddc2, #c3d9be, #c0d5ba, #bcd1b6, #b8cdb2, #b5c9af, #b1c5ab, #adc1a7, #a9bda3, #a6b9a0, #a2b59c, #9eb198, #9bae95, #97ab92, #94a98e, #90a78a, #8da687, #89a583, #86a580, #83a47d, #80a47a, #7ea379. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW8ARbcg7BWaPv9bD7_1htAQ`
- Page: https://grabient.com/kW8ARbcg7BWaPv9bD7_1htAQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral, light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#ecedea` | `oklch(94.49% 0.0055 127.97)` | Snow Storm | black, 17.8 to 1 |
| 2 | `#eaede7` | `oklch(94.14% 0.0085 128.99)` | Simply White | black, 17.7 to 1 |
| 3 | `#e7ece3` | `oklch(93.71% 0.0127 130.46)` | Calm Breeze | black, 17.5 to 1 |
| 4 | `#e4ebdf` | `oklch(93.20% 0.0178 132.21)` | Window Pane | black, 17.2 to 1 |
| 5 | `#e0eadb` | `oklch(92.61% 0.0233 134.08)` | Relaxing Green | black, 17 to 1 |
| 6 | `#dce9d6` | `oklch(91.95% 0.0287 135.93)` | Touch of Green | black, 16.6 to 1 |
| 7 | `#d8e8d2` | `oklch(91.22% 0.0336 137.60)` | Peppermint | black, 16.3 to 1 |
| 8 | `#d3e6ce` | `oklch(90.41% 0.0377 138.92)` | Light Lime Sherbet | black, 15.9 to 1 |
| 9 | `#cfe4ca` | `oklch(89.54% 0.0405 139.75)` | Lime Flip | black, 15.5 to 1 |
| 10 | `#cbe1c6` | `oklch(88.55% 0.0422 140.13)` | Soft Moss | black, 15 to 1 |
| 11 | `#c7ddc2` | `oklch(87.45% 0.0432 140.18)` | Shanghai Silk | black, 14.5 to 1 |
| 12 | `#c3d9be` | `oklch(86.27% 0.0435 139.99)` | Thistleberry Green | black, 14 to 1 |
| 13 | `#c0d5ba` | `oklch(85.04% 0.0434 139.65)` | Surf Crest | black, 13.4 to 1 |
| 14 | `#bcd1b6` | `oklch(83.78% 0.0431 139.25)` | Lime Taffy | black, 12.9 to 1 |
| 15 | `#b8cdb2` | `oklch(82.53% 0.0428 138.87)` | Succulent Garden | black, 12.4 to 1 |
| 16 | `#b5c9af` | `oklch(81.30% 0.0427 138.60)` | Healing Aloe | black, 11.9 to 1 |
| 17 | `#b1c5ab` | `oklch(80.11% 0.0427 138.50)` | Zanah | black, 11.4 to 1 |
| 18 | `#adc1a7` | `oklch(78.88% 0.0424 138.42)` | Nymph Green | black, 10.9 to 1 |
| 19 | `#a9bda3` | `oklch(77.61% 0.0418 138.35)` | Pale Sage | black, 10.5 to 1 |
| 20 | `#a6b9a0` | `oklch(76.33% 0.0411 138.29)` | Laurel Green | black, 10 to 1 |
| 21 | `#a2b59c` | `oklch(75.09% 0.0406 138.26)` | Banksia | black, 9.6 to 1 |
| 22 | `#9eb198` | `oklch(73.91% 0.0405 138.27)` | Drizzle | black, 9.2 to 1 |
| 23 | `#9bae95` | `oklch(72.82% 0.0409 138.34)` | Rooftop Garden | black, 8.8 to 1 |
| 24 | `#97ab92` | `oklch(71.87% 0.0422 138.49)` | Banyan Serenity | black, 8.5 to 1 |
| 25 | `#94a98e` | `oklch(71.05% 0.0447 138.73)` | Natural Harmony | black, 8.3 to 1 |
| 26 | `#90a78a` | `oklch(70.34% 0.0484 139.10)` | Sonoma Sage | black, 8.1 to 1 |
| 27 | `#8da687` | `oklch(69.72% 0.0529 139.56)` | Mermaid’s Cove | black, 7.9 to 1 |
| 28 | `#89a583` | `oklch(69.18% 0.0579 140.06)` | Mermaid’s Cove | black, 7.7 to 1 |
| 29 | `#86a580` | `oklch(68.72% 0.0630 140.56)` | Greyish Green | black, 7.6 to 1 |
| 30 | `#83a47d` | `oklch(68.33% 0.0677 141.04)` | Rivergrass | black, 7.5 to 1 |
| 31 | `#80a47a` | `oklch(67.99% 0.0716 141.43)` | Greyish Green | black, 7.4 to 1 |
| 32 | `#7ea379` | `oklch(67.72% 0.0744 141.71)` | Rivergrass | black, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ecedea 0.0%, #eaede7 3.2%, #e7ece3 6.5%, #e4ebdf 9.7%, #e0eadb 12.9%, #dce9d6 16.1%, #d8e8d2 19.4%, #d3e6ce 22.6%, #cfe4ca 25.8%, #cbe1c6 29.0%, #c7ddc2 32.3%, #c3d9be 35.5%, #c0d5ba 38.7%, #bcd1b6 41.9%, #b8cdb2 45.2%, #b5c9af 48.4%, #b1c5ab 51.6%, #adc1a7 54.8%, #a9bda3 58.1%, #a6b9a0 61.3%, #a2b59c 64.5%, #9eb198 67.7%, #9bae95 71.0%, #97ab92 74.2%, #94a98e 77.4%, #90a78a 80.6%, #8da687 83.9%, #89a583 87.1%, #86a580 90.3%, #83a47d 93.5%, #80a47a 96.8%, #7ea379 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.49% 0.0055 127.97) 0.0%, oklch(94.14% 0.0085 128.99) 3.2%, oklch(93.71% 0.0127 130.46) 6.5%, oklch(93.20% 0.0178 132.21) 9.7%, oklch(92.61% 0.0233 134.08) 12.9%, oklch(91.95% 0.0287 135.93) 16.1%, oklch(91.22% 0.0336 137.60) 19.4%, oklch(90.41% 0.0377 138.92) 22.6%, oklch(89.54% 0.0405 139.75) 25.8%, oklch(88.55% 0.0422 140.13) 29.0%, oklch(87.45% 0.0432 140.18) 32.3%, oklch(86.27% 0.0435 139.99) 35.5%, oklch(85.04% 0.0434 139.65) 38.7%, oklch(83.78% 0.0431 139.25) 41.9%, oklch(82.53% 0.0428 138.87) 45.2%, oklch(81.30% 0.0427 138.60) 48.4%, oklch(80.11% 0.0427 138.50) 51.6%, oklch(78.88% 0.0424 138.42) 54.8%, oklch(77.61% 0.0418 138.35) 58.1%, oklch(76.33% 0.0411 138.29) 61.3%, oklch(75.09% 0.0406 138.26) 64.5%, oklch(73.91% 0.0405 138.27) 67.7%, oklch(72.82% 0.0409 138.34) 71.0%, oklch(71.87% 0.0422 138.49) 74.2%, oklch(71.05% 0.0447 138.73) 77.4%, oklch(70.34% 0.0484 139.10) 80.6%, oklch(69.72% 0.0529 139.56) 83.9%, oklch(69.18% 0.0579 140.06) 87.1%, oklch(68.72% 0.0630 140.56) 90.3%, oklch(68.33% 0.0677 141.04) 93.5%, oklch(67.99% 0.0716 141.43) 96.8%, oklch(67.72% 0.0744 141.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.006 | 128 |
| 2 | 0.898 | 0.04 | 139.6 |
| 3 | 0.807 | 0.043 | 138.5 |
| 4 | 0.717 | 0.043 | 138.5 |
| 5 | 0.677 | 0.074 | 141.7 |

## In these collections

- [Green gradients](https://grabient.com/green-gradients)

## Other forms

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