# Pale green gray storm gradient

Green, olive, gray and navy linear gradient with 64 colors: #a8d8b3, #a5d6af, #a2d2a9, #9fcea2, #9bca9a, #97c491, #93bf87, #90b97d, #8db373, #8aad69, #88a85f, #86a256, #859e4e, #849a47, #839743, #829540, #819441, #829545, #82964a, #849952, #869c5b, #89a064, #8ca46e, #90a979, #94ad84, #99b28e, #9fb698, #a4baa1, #a9bea9, #aec1b1, #b3c3b7, #b6c5bb, #b9c6be, #bbc6c0, #bcc7c3, #bec8c4, #bfc8c6, #c0c8c7, #c0c8c8, #c0c8c8, #c0c7c8, #bec6c8, #bcc5c7, #bac3c6, #b7c0c5, #b3bdc4, #aebac2, #a9b5bf, #a2b0bc, #9aaab8, #91a2b4, #8699af, #7b90a9, #6f86a3, #637c9d, #577197, #4b6791, #405d8a, #355384, #2c4a7e, #234279, #1b3a74, #153470, #112e6d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, olive, gray and navy linear gradient
- Seed: `kW1TRsUKi8OcHRHhB8nKSnCY`
- Page: https://grabient.com/kW1TRsUKi8OcHRHhB8nKSnCY?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8 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 | `#a8d8b3` | `oklch(83.86% 0.0717 151.87)` | Frugal | black, 13.1 to 1 |
| 2 | `#a5d6af` | `oklch(83.06% 0.0733 150.61)` | Frugal | black, 12.8 to 1 |
| 3 | `#a2d2a9` | `oklch(81.98% 0.0757 148.89)` | Chinook | black, 12.3 to 1 |
| 4 | `#9fcea2` | `oklch(80.68% 0.0787 146.79)` | Mover & Shaker | black, 11.8 to 1 |
| 5 | `#9bca9a` | `oklch(79.19% 0.0822 144.39)` | Kettle Drum | black, 11.2 to 1 |
| 6 | `#97c491` | `oklch(77.56% 0.0859 141.76)` | Velvet Leaf | black, 10.6 to 1 |
| 7 | `#93bf87` | `oklch(75.84% 0.0899 138.98)` | Hearty Hosta | black, 10 to 1 |
| 8 | `#90b97d` | `oklch(74.07% 0.0939 136.13)` | Prime Merchandise | black, 9.4 to 1 |
| 9 | `#8db373` | `oklch(72.29% 0.0979 133.29)` | Hakusai Green | black, 8.8 to 1 |
| 10 | `#8aad69` | `oklch(70.56% 0.1016 130.54)` | Celuce | black, 8.2 to 1 |
| 11 | `#88a85f` | `oklch(68.92% 0.1051 127.96)` | Chelsea Cucumber | black, 7.7 to 1 |
| 12 | `#86a256` | `oklch(67.40% 0.1080 125.61)` | Springview Green | black, 7.3 to 1 |
| 13 | `#859e4e` | `oklch(66.06% 0.1104 123.59)` | Nasturtium Shoot | black, 6.9 to 1 |
| 14 | `#849a47` | `oklch(64.95% 0.1120 121.96)` | Café de Paris | black, 6.6 to 1 |
| 15 | `#839743` | `oklch(64.10% 0.1128 120.81)` | Bamboo Grass Green | black, 6.4 to 1 |
| 16 | `#829540` | `oklch(63.56% 0.1125 120.21)` | Pepper Sprout | black, 6.3 to 1 |
| 17 | `#819441` | `oklch(63.38% 0.1112 120.23)` | Pepper Sprout | black, 6.2 to 1 |
| 18 | `#829545` | `oklch(63.57% 0.1085 120.71)` | Pepper Sprout | black, 6.3 to 1 |
| 19 | `#82964a` | `oklch(64.11% 0.1045 121.55)` | Bamboo Grass Green | black, 6.4 to 1 |
| 20 | `#849952` | `oklch(64.94% 0.0996 122.72)` | Bamboo Grass Green | black, 6.6 to 1 |
| 21 | `#869c5b` | `oklch(66.02% 0.0937 124.21)` | Pine Leaves | black, 6.9 to 1 |
| 22 | `#89a064` | `oklch(67.29% 0.0872 126.00)` | Buckingham Gardens | black, 7.2 to 1 |
| 23 | `#8ca46e` | `oklch(68.73% 0.0801 128.08)` | Virtual Forest | black, 7.6 to 1 |
| 24 | `#90a979` | `oklch(70.26% 0.0726 130.41)` | Lettuce Mound | black, 8.1 to 1 |
| 25 | `#94ad84` | `oklch(71.86% 0.0650 132.99)` | Fair Green | black, 8.6 to 1 |
| 26 | `#99b28e` | `oklch(73.48% 0.0573 135.79)` | Basilisk | black, 9.1 to 1 |
| 27 | `#9fb698` | `oklch(75.06% 0.0499 138.80)` | Brookview | black, 9.6 to 1 |
| 28 | `#a4baa1` | `oklch(76.56% 0.0427 142.00)` | Laurel Green | black, 10.1 to 1 |
| 29 | `#a9bea9` | `oklch(77.94% 0.0360 145.37)` | Bryophyte | black, 10.6 to 1 |
| 30 | `#aec1b1` | `oklch(79.15% 0.0301 148.89)` | Kind Green | black, 11 to 1 |
| 31 | `#b3c3b7` | `oklch(80.13% 0.0250 152.53)` | Mossa | black, 11.4 to 1 |
| 32 | `#b6c5bb` | `oklch(80.86% 0.0209 156.30)` | Median Green | black, 11.6 to 1 |
| 33 | `#b9c6be` | `oklch(81.31% 0.0179 160.22)` | Antique Patina | black, 11.8 to 1 |
| 34 | `#bbc6c0` | `oklch(81.69% 0.0154 164.65)` | Pewter Tray | black, 11.9 to 1 |
| 35 | `#bcc7c3` | `oklch(82.03% 0.0133 169.58)` | Smoke | black, 12.1 to 1 |
| 36 | `#bec8c4` | `oklch(82.32% 0.0115 174.91)` | Smoke | black, 12.2 to 1 |
| 37 | `#bfc8c6` | `oklch(82.54% 0.0102 180.57)` | Sonnet Grey | black, 12.2 to 1 |
| 38 | `#c0c8c7` | `oklch(82.67% 0.0092 186.48)` | Sonnet Grey | black, 12.3 to 1 |
| 39 | `#c0c8c8` | `oklch(82.72% 0.0086 192.55)` | Sonnet Grey | black, 12.3 to 1 |
| 40 | `#c0c8c8` | `oklch(82.66% 0.0083 198.70)` | Sonnet Grey | black, 12.3 to 1 |
| 41 | `#c0c7c8` | `oklch(82.47% 0.0085 204.85)` | Sonnet Grey | black, 12.2 to 1 |
| 42 | `#bec6c8` | `oklch(82.16% 0.0090 210.91)` | Stormhost Silver | black, 12.1 to 1 |
| 43 | `#bcc5c7` | `oklch(81.70% 0.0099 216.81)` | Icicles | black, 11.9 to 1 |
| 44 | `#bac3c6` | `oklch(81.08% 0.0112 222.45)` | Metallic | black, 11.6 to 1 |
| 45 | `#b7c0c5` | `oklch(80.29% 0.0128 227.76)` | Krypton | black, 11.3 to 1 |
| 46 | `#b3bdc4` | `oklch(79.32% 0.0148 232.65)` | Soothing Breeze | black, 11 to 1 |
| 47 | `#aebac2` | `oklch(78.14% 0.0172 237.04)` | Hazy Skies | black, 10.5 to 1 |
| 48 | `#a9b5bf` | `oklch(76.76% 0.0199 240.85)` | Intercoastal Grey | black, 10 to 1 |
| 49 | `#a2b0bc` | `oklch(75.08% 0.0232 244.07)` | Sensitivity | black, 9.4 to 1 |
| 50 | `#9aaab8` | `oklch(72.96% 0.0275 246.90)` | Wave Goodbye | black, 8.7 to 1 |
| 51 | `#91a2b4` | `oklch(70.47% 0.0327 249.36)` | Canary Wharf | black, 8 to 1 |
| 52 | `#8699af` | `oklch(67.65% 0.0386 251.50)` | Monsoon Season | black, 7.2 to 1 |
| 53 | `#7b90a9` | `oklch(64.57% 0.0451 253.33)` | Identity | black, 6.4 to 1 |
| 54 | `#6f86a3` | `oklch(61.31% 0.0520 254.90)` | Merman | black, 5.6 to 1 |
| 55 | `#637c9d` | `oklch(57.92% 0.0593 256.23)` | Smoky Violet | black, 4.8 to 1 |
| 56 | `#577197` | `oklch(54.47% 0.0667 257.36)` | Clean Slate | white, 4.9 to 1 |
| 57 | `#4b6791` | `oklch(51.02% 0.0741 258.31)` | Sea of Galilee | white, 5.7 to 1 |
| 58 | `#405d8a` | `oklch(47.63% 0.0814 259.13)` | Anchor Point | white, 6.6 to 1 |
| 59 | `#355384` | `oklch(44.38% 0.0884 259.83)` | St. Tropez | white, 7.6 to 1 |
| 60 | `#2c4a7e` | `oklch(41.31% 0.0950 260.46)` | Nautical | white, 8.7 to 1 |
| 61 | `#234279` | `oklch(38.51% 0.1010 261.04)` | Monaco Blue | white, 9.9 to 1 |
| 62 | `#1b3a74` | `oklch(36.03% 0.1064 261.61)` | Azure Dragon | white, 11 to 1 |
| 63 | `#153470` | `oklch(33.93% 0.1109 262.20)` | Atlantic Navy | white, 11.9 to 1 |
| 64 | `#112e6d` | `oklch(32.28% 0.1144 262.83)` | Konjō Blue | white, 12.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a8d8b3 0.0%, #a5d6af 1.6%, #a2d2a9 3.2%, #9fcea2 4.8%, #9bca9a 6.3%, #97c491 7.9%, #93bf87 9.5%, #90b97d 11.1%, #8db373 12.7%, #8aad69 14.3%, #88a85f 15.9%, #86a256 17.5%, #859e4e 19.0%, #849a47 20.6%, #839743 22.2%, #829540 23.8%, #819441 25.4%, #829545 27.0%, #82964a 28.6%, #849952 30.2%, #869c5b 31.7%, #89a064 33.3%, #8ca46e 34.9%, #90a979 36.5%, #94ad84 38.1%, #99b28e 39.7%, #9fb698 41.3%, #a4baa1 42.9%, #a9bea9 44.4%, #aec1b1 46.0%, #b3c3b7 47.6%, #b6c5bb 49.2%, #b9c6be 50.8%, #bbc6c0 52.4%, #bcc7c3 54.0%, #bec8c4 55.6%, #bfc8c6 57.1%, #c0c8c7 58.7%, #c0c8c8 60.3%, #c0c8c8 61.9%, #c0c7c8 63.5%, #bec6c8 65.1%, #bcc5c7 66.7%, #bac3c6 68.3%, #b7c0c5 69.8%, #b3bdc4 71.4%, #aebac2 73.0%, #a9b5bf 74.6%, #a2b0bc 76.2%, #9aaab8 77.8%, #91a2b4 79.4%, #8699af 81.0%, #7b90a9 82.5%, #6f86a3 84.1%, #637c9d 85.7%, #577197 87.3%, #4b6791 88.9%, #405d8a 90.5%, #355384 92.1%, #2c4a7e 93.7%, #234279 95.2%, #1b3a74 96.8%, #153470 98.4%, #112e6d 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.86% 0.0717 151.87) 0.0%, oklch(83.06% 0.0733 150.61) 1.6%, oklch(81.98% 0.0757 148.89) 3.2%, oklch(80.68% 0.0787 146.79) 4.8%, oklch(79.19% 0.0822 144.39) 6.3%, oklch(77.56% 0.0859 141.76) 7.9%, oklch(75.84% 0.0899 138.98) 9.5%, oklch(74.07% 0.0939 136.13) 11.1%, oklch(72.29% 0.0979 133.29) 12.7%, oklch(70.56% 0.1016 130.54) 14.3%, oklch(68.92% 0.1051 127.96) 15.9%, oklch(67.40% 0.1080 125.61) 17.5%, oklch(66.06% 0.1104 123.59) 19.0%, oklch(64.95% 0.1120 121.96) 20.6%, oklch(64.10% 0.1128 120.81) 22.2%, oklch(63.56% 0.1125 120.21) 23.8%, oklch(63.38% 0.1112 120.23) 25.4%, oklch(63.57% 0.1085 120.71) 27.0%, oklch(64.11% 0.1045 121.55) 28.6%, oklch(64.94% 0.0996 122.72) 30.2%, oklch(66.02% 0.0937 124.21) 31.7%, oklch(67.29% 0.0872 126.00) 33.3%, oklch(68.73% 0.0801 128.08) 34.9%, oklch(70.26% 0.0726 130.41) 36.5%, oklch(71.86% 0.0650 132.99) 38.1%, oklch(73.48% 0.0573 135.79) 39.7%, oklch(75.06% 0.0499 138.80) 41.3%, oklch(76.56% 0.0427 142.00) 42.9%, oklch(77.94% 0.0360 145.37) 44.4%, oklch(79.15% 0.0301 148.89) 46.0%, oklch(80.13% 0.0250 152.53) 47.6%, oklch(80.86% 0.0209 156.30) 49.2%, oklch(81.31% 0.0179 160.22) 50.8%, oklch(81.69% 0.0154 164.65) 52.4%, oklch(82.03% 0.0133 169.58) 54.0%, oklch(82.32% 0.0115 174.91) 55.6%, oklch(82.54% 0.0102 180.57) 57.1%, oklch(82.67% 0.0092 186.48) 58.7%, oklch(82.72% 0.0086 192.55) 60.3%, oklch(82.66% 0.0083 198.70) 61.9%, oklch(82.47% 0.0085 204.85) 63.5%, oklch(82.16% 0.0090 210.91) 65.1%, oklch(81.70% 0.0099 216.81) 66.7%, oklch(81.08% 0.0112 222.45) 68.3%, oklch(80.29% 0.0128 227.76) 69.8%, oklch(79.32% 0.0148 232.65) 71.4%, oklch(78.14% 0.0172 237.04) 73.0%, oklch(76.76% 0.0199 240.85) 74.6%, oklch(75.08% 0.0232 244.07) 76.2%, oklch(72.96% 0.0275 246.90) 77.8%, oklch(70.47% 0.0327 249.36) 79.4%, oklch(67.65% 0.0386 251.50) 81.0%, oklch(64.57% 0.0451 253.33) 82.5%, oklch(61.31% 0.0520 254.90) 84.1%, oklch(57.92% 0.0593 256.23) 85.7%, oklch(54.47% 0.0667 257.36) 87.3%, oklch(51.02% 0.0741 258.31) 88.9%, oklch(47.63% 0.0814 259.13) 90.5%, oklch(44.38% 0.0884 259.83) 92.1%, oklch(41.31% 0.0950 260.46) 93.7%, oklch(38.51% 0.1010 261.04) 95.2%, oklch(36.03% 0.1064 261.61) 96.8%, oklch(33.93% 0.1109 262.20) 98.4%, oklch(32.28% 0.1144 262.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.072 | 151.9 |
| 2 | 0.634 | 0.112 | 120.2 |
| 3 | 0.811 | 0.019 | 158.2 |
| 4 | 0.764 | 0.021 | 241.7 |
| 5 | 0.323 | 0.114 | 262.8 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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