# Wet green mist rings

White, green and gray radial gradient with 64 colors: #f6f4e6, #f4f2e4, #f1f0e1, #edefde, #e9ecdb, #e5ead7, #e0e8d4, #dae5d1, #d4e3cf, #cde0cc, #c6deca, #bfdbc8, #b8d8c7, #b0d5c6, #a9d2c5, #a2cec4, #9ccbc4, #95c8c3, #8fc4c2, #8ac1c1, #85bec0, #80bbbe, #7bb8bb, #76b4b8, #70b1b4, #6aadb0, #64a9ab, #5ea6a5, #58a29f, #529e98, #4d9a91, #48978a, #449383, #428f7c, #408c75, #3f896e, #3f8668, #408463, #42825e, #44815a, #468057, #497f55, #4c8055, #508156, #548459, #59875c, #5f8a61, #658f67, #6c946e, #739a75, #7b9f7d, #83a686, #8bac8e, #94b397, #9dbaa0, #a5c0a9, #aec7b2, #b6cdbb, #bed3c2, #c6d8ca, #cdddd1, #d3e2d7, #d8e6dc, #dce9e0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, green and gray radial gradient
- Seed: `kU9Q1HX5ZL0Yfud1BsCA`
- Page: https://grabient.com/kU9Q1HX5ZL0Yfud1BsCA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#f6f4e6` | `oklch(96.46% 0.0179 99.84)` | White Mirage | black, 18.9 to 1 |
| 2 | `#f4f2e4` | `oklch(95.90% 0.0190 102.62)` | Resort White | black, 18.6 to 1 |
| 3 | `#f1f0e1` | `oklch(95.26% 0.0204 106.12)` | Crème Vanille | black, 18.3 to 1 |
| 4 | `#edefde` | `oklch(94.52% 0.0219 110.25)` | Coconut Aroma | black, 17.9 to 1 |
| 5 | `#e9ecdb` | `oklch(93.72% 0.0236 114.93)` | Really Rain | black, 17.5 to 1 |
| 6 | `#e5ead7` | `oklch(92.84% 0.0255 120.09)` | Homoeopathic Mint | black, 17 to 1 |
| 7 | `#e0e8d4` | `oklch(91.90% 0.0275 125.65)` | Just About Green | black, 16.6 to 1 |
| 8 | `#dae5d1` | `oklch(90.90% 0.0296 131.51)` | Frostee | black, 16.1 to 1 |
| 9 | `#d4e3cf` | `oklch(89.86% 0.0318 137.60)` | Sweet Mint Tea | black, 15.6 to 1 |
| 10 | `#cde0cc` | `oklch(88.77% 0.0341 143.83)` | Enchanted | black, 15.1 to 1 |
| 11 | `#c6deca` | `oklch(87.65% 0.0364 150.13)` | Misty Afternoon | black, 14.6 to 1 |
| 12 | `#bfdbc8` | `oklch(86.51% 0.0388 156.41)` | Green Grapes | black, 14.1 to 1 |
| 13 | `#b8d8c7` | `oklch(85.34% 0.0412 162.59)` | Cool Spring | black, 13.6 to 1 |
| 14 | `#b0d5c6` | `oklch(84.16% 0.0436 168.59)` | Scud | black, 13.1 to 1 |
| 15 | `#a9d2c5` | `oklch(82.98% 0.0460 174.33)` | Whirlpool Green | black, 12.6 to 1 |
| 16 | `#a2cec4` | `oklch(81.80% 0.0484 179.72)` | Phosphorus | black, 12.1 to 1 |
| 17 | `#9ccbc4` | `oklch(80.64% 0.0507 184.68)` | Jamaica Bay | black, 11.7 to 1 |
| 18 | `#95c8c3` | `oklch(79.48% 0.0529 189.14)` | Jamaica Bay | black, 11.2 to 1 |
| 19 | `#8fc4c2` | `oklch(78.36% 0.0550 193.00)` | Enchanted Isle | black, 10.8 to 1 |
| 20 | `#8ac1c1` | `oklch(77.26% 0.0570 196.19)` | Cabana Bay | black, 10.4 to 1 |
| 21 | `#85bec0` | `oklch(76.21% 0.0589 198.63)` | Riverbed | black, 10 to 1 |
| 22 | `#80bbbe` | `oklch(75.20% 0.0606 200.24)` | Misty Cold Sea | black, 9.7 to 1 |
| 23 | `#7bb8bb` | `oklch(74.15% 0.0623 200.99)` | Aqua Blue | black, 9.3 to 1 |
| 24 | `#76b4b8` | `oklch(73.00% 0.0642 201.00)` | Aqua Blue | black, 9 to 1 |
| 25 | `#70b1b4` | `oklch(71.77% 0.0661 200.32)` | Dexter | black, 8.6 to 1 |
| 26 | `#6aadb0` | `oklch(70.46% 0.0680 199.03)` | Fountain Blue | black, 8.2 to 1 |
| 27 | `#64a9ab` | `oklch(69.10% 0.0701 197.19)` | Timid Sea | black, 7.8 to 1 |
| 28 | `#5ea6a5` | `oklch(67.71% 0.0721 194.87)` | Veranda | black, 7.4 to 1 |
| 29 | `#58a29f` | `oklch(66.30% 0.0741 192.13)` | Teal Bayou | black, 7 to 1 |
| 30 | `#529e98` | `oklch(64.90% 0.0761 189.05)` | Tourmaline Turquoise | black, 6.7 to 1 |
| 31 | `#4d9a91` | `oklch(63.51% 0.0780 185.70)` | Lagoon | black, 6.3 to 1 |
| 32 | `#48978a` | `oklch(62.17% 0.0798 182.13)` | Crisp Lettuce | black, 6 to 1 |
| 33 | `#449383` | `oklch(60.88% 0.0815 178.42)` | Highlands | black, 5.7 to 1 |
| 34 | `#428f7c` | `oklch(59.67% 0.0831 174.64)` | Perky | black, 5.4 to 1 |
| 35 | `#408c75` | `oklch(58.55% 0.0845 170.85)` | Perky | black, 5.2 to 1 |
| 36 | `#3f896e` | `oklch(57.54% 0.0857 167.12)` | Ionian | black, 5 to 1 |
| 37 | `#3f8668` | `oklch(56.66% 0.0867 163.53)` | Mythical Forest | black, 4.8 to 1 |
| 38 | `#408463` | `oklch(55.93% 0.0875 160.13)` | Leisure Green | black, 4.7 to 1 |
| 39 | `#42825e` | `oklch(55.36% 0.0880 156.99)` | Leisure Green | black, 4.5 to 1 |
| 40 | `#44815a` | `oklch(54.98% 0.0882 154.19)` | Leisure Green | white, 4.6 to 1 |
| 41 | `#468057` | `oklch(54.80% 0.0881 151.79)` | Leisure Green | white, 4.6 to 1 |
| 42 | `#497f55` | `oklch(54.84% 0.0876 149.85)` | Melbourne | white, 4.6 to 1 |
| 43 | `#4c8055` | `oklch(55.12% 0.0868 148.45)` | Melbourne | white, 4.6 to 1 |
| 44 | `#508156` | `oklch(55.69% 0.0855 147.48)` | Rambling Green | black, 4.6 to 1 |
| 45 | `#548459` | `oklch(56.57% 0.0837 146.75)` | Magic Sage | black, 4.7 to 1 |
| 46 | `#59875c` | `oklch(57.73% 0.0814 146.26)` | Emerald Ring | black, 5 to 1 |
| 47 | `#5f8a61` | `oklch(59.15% 0.0786 145.98)` | Hippie Green | black, 5.3 to 1 |
| 48 | `#658f67` | `oklch(60.78% 0.0755 145.88)` | Stone Green | black, 5.6 to 1 |
| 49 | `#6c946e` | `oklch(62.61% 0.0720 145.96)` | Tabbouleh | black, 6 to 1 |
| 50 | `#739a75` | `oklch(64.60% 0.0683 146.18)` | Jade Green | black, 6.5 to 1 |
| 51 | `#7b9f7d` | `oklch(66.71% 0.0644 146.54)` | Green Grey | black, 7.1 to 1 |
| 52 | `#83a686` | `oklch(68.93% 0.0603 147.00)` | Mermaid’s Cove | black, 7.7 to 1 |
| 53 | `#8bac8e` | `oklch(71.21% 0.0561 147.56)` | Fluorine | black, 8.4 to 1 |
| 54 | `#94b397` | `oklch(73.53% 0.0519 148.18)` | Liebermann Green | black, 9.1 to 1 |
| 55 | `#9dbaa0` | `oklch(75.86% 0.0476 148.85)` | Reeds | black, 9.9 to 1 |
| 56 | `#a5c0a9` | `oklch(78.16% 0.0434 149.55)` | Cambridge Blue | black, 10.7 to 1 |
| 57 | `#aec7b2` | `oklch(80.42% 0.0393 150.25)` | Zanah | black, 11.5 to 1 |
| 58 | `#b6cdbb` | `oklch(82.59% 0.0353 150.95)` | Mint Mousse | black, 12.4 to 1 |
| 59 | `#bed3c2` | `oklch(84.64% 0.0316 151.61)` | Garden Statue | black, 13.2 to 1 |
| 60 | `#c6d8ca` | `oklch(86.55% 0.0281 152.22)` | Dry Lichen | black, 14.1 to 1 |
| 61 | `#cdddd1` | `oklch(88.28% 0.0250 152.76)` | Luminous Mist | black, 14.8 to 1 |
| 62 | `#d3e2d7` | `oklch(89.81% 0.0222 153.21)` | Delicate Snow Goose | black, 15.6 to 1 |
| 63 | `#d8e6dc` | `oklch(91.10% 0.0198 153.54)` | Swans Down | black, 16.2 to 1 |
| 64 | `#dce9e0` | `oklch(92.13% 0.0179 153.74)` | Clair de Lune | black, 16.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f6f4e6 0.0%, #f4f2e4 1.6%, #f1f0e1 3.2%, #edefde 4.8%, #e9ecdb 6.3%, #e5ead7 7.9%, #e0e8d4 9.5%, #dae5d1 11.1%, #d4e3cf 12.7%, #cde0cc 14.3%, #c6deca 15.9%, #bfdbc8 17.5%, #b8d8c7 19.0%, #b0d5c6 20.6%, #a9d2c5 22.2%, #a2cec4 23.8%, #9ccbc4 25.4%, #95c8c3 27.0%, #8fc4c2 28.6%, #8ac1c1 30.2%, #85bec0 31.7%, #80bbbe 33.3%, #7bb8bb 34.9%, #76b4b8 36.5%, #70b1b4 38.1%, #6aadb0 39.7%, #64a9ab 41.3%, #5ea6a5 42.9%, #58a29f 44.4%, #529e98 46.0%, #4d9a91 47.6%, #48978a 49.2%, #449383 50.8%, #428f7c 52.4%, #408c75 54.0%, #3f896e 55.6%, #3f8668 57.1%, #408463 58.7%, #42825e 60.3%, #44815a 61.9%, #468057 63.5%, #497f55 65.1%, #4c8055 66.7%, #508156 68.3%, #548459 69.8%, #59875c 71.4%, #5f8a61 73.0%, #658f67 74.6%, #6c946e 76.2%, #739a75 77.8%, #7b9f7d 79.4%, #83a686 81.0%, #8bac8e 82.5%, #94b397 84.1%, #9dbaa0 85.7%, #a5c0a9 87.3%, #aec7b2 88.9%, #b6cdbb 90.5%, #bed3c2 92.1%, #c6d8ca 93.7%, #cdddd1 95.2%, #d3e2d7 96.8%, #d8e6dc 98.4%, #dce9e0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.46% 0.0179 99.84) 0.0%, oklch(95.90% 0.0190 102.62) 1.6%, oklch(95.26% 0.0204 106.12) 3.2%, oklch(94.52% 0.0219 110.25) 4.8%, oklch(93.72% 0.0236 114.93) 6.3%, oklch(92.84% 0.0255 120.09) 7.9%, oklch(91.90% 0.0275 125.65) 9.5%, oklch(90.90% 0.0296 131.51) 11.1%, oklch(89.86% 0.0318 137.60) 12.7%, oklch(88.77% 0.0341 143.83) 14.3%, oklch(87.65% 0.0364 150.13) 15.9%, oklch(86.51% 0.0388 156.41) 17.5%, oklch(85.34% 0.0412 162.59) 19.0%, oklch(84.16% 0.0436 168.59) 20.6%, oklch(82.98% 0.0460 174.33) 22.2%, oklch(81.80% 0.0484 179.72) 23.8%, oklch(80.64% 0.0507 184.68) 25.4%, oklch(79.48% 0.0529 189.14) 27.0%, oklch(78.36% 0.0550 193.00) 28.6%, oklch(77.26% 0.0570 196.19) 30.2%, oklch(76.21% 0.0589 198.63) 31.7%, oklch(75.20% 0.0606 200.24) 33.3%, oklch(74.15% 0.0623 200.99) 34.9%, oklch(73.00% 0.0642 201.00) 36.5%, oklch(71.77% 0.0661 200.32) 38.1%, oklch(70.46% 0.0680 199.03) 39.7%, oklch(69.10% 0.0701 197.19) 41.3%, oklch(67.71% 0.0721 194.87) 42.9%, oklch(66.30% 0.0741 192.13) 44.4%, oklch(64.90% 0.0761 189.05) 46.0%, oklch(63.51% 0.0780 185.70) 47.6%, oklch(62.17% 0.0798 182.13) 49.2%, oklch(60.88% 0.0815 178.42) 50.8%, oklch(59.67% 0.0831 174.64) 52.4%, oklch(58.55% 0.0845 170.85) 54.0%, oklch(57.54% 0.0857 167.12) 55.6%, oklch(56.66% 0.0867 163.53) 57.1%, oklch(55.93% 0.0875 160.13) 58.7%, oklch(55.36% 0.0880 156.99) 60.3%, oklch(54.98% 0.0882 154.19) 61.9%, oklch(54.80% 0.0881 151.79) 63.5%, oklch(54.84% 0.0876 149.85) 65.1%, oklch(55.12% 0.0868 148.45) 66.7%, oklch(55.69% 0.0855 147.48) 68.3%, oklch(56.57% 0.0837 146.75) 69.8%, oklch(57.73% 0.0814 146.26) 71.4%, oklch(59.15% 0.0786 145.98) 73.0%, oklch(60.78% 0.0755 145.88) 74.6%, oklch(62.61% 0.0720 145.96) 76.2%, oklch(64.60% 0.0683 146.18) 77.8%, oklch(66.71% 0.0644 146.54) 79.4%, oklch(68.93% 0.0603 147.00) 81.0%, oklch(71.21% 0.0561 147.56) 82.5%, oklch(73.53% 0.0519 148.18) 84.1%, oklch(75.86% 0.0476 148.85) 85.7%, oklch(78.16% 0.0434 149.55) 87.3%, oklch(80.42% 0.0393 150.25) 88.9%, oklch(82.59% 0.0353 150.95) 90.5%, oklch(84.64% 0.0316 151.61) 92.1%, oklch(86.55% 0.0281 152.22) 93.7%, oklch(88.28% 0.0250 152.76) 95.2%, oklch(89.81% 0.0222 153.21) 96.8%, oklch(91.10% 0.0198 153.54) 98.4%, oklch(92.13% 0.0179 153.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.965 | 0.018 | 99.8 |
| 2 | 0.752 | 0.061 | 200.2 |
| 3 | 0.551 | 0.087 | 148.5 |
| 4 | 0.921 | 0.018 | 153.7 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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