# Muted olive deep blue gradient

Dark green, navy and gray linear gradient with 48 colors: #3f4626, #3d4627, #3b4629, #38462b, #35462d, #31462f, #2e4531, #2a4534, #274437, #254339, #23423b, #22413d, #21403f, #223f41, #233e42, #243d43, #253c44, #273c44, #293b45, #2b3b46, #2d3c46, #2f3d47, #313e49, #333f4a, #35414c, #38444f, #3a4752, #3d4b55, #405059, #43555d, #475a61, #4b5f65, #4f6569, #546b6d, #597271, #5f7874, #667e77, #6c847b, #748a7d, #7b9080, #839583, #8b9a86, #939f88, #9aa38b, #a1a78d, #a7aa90, #acad92, #b0af94. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, navy and gray linear gradient
- Seed: `kSYCVUrolO98Nr0`
- Page: https://grabient.com/kSYCVUrolO98Nr0?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark to light, muted, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#3f4626` | `oklch(37.80% 0.0510 118.83)` | Avocado Dark Green | white, 9.9 to 1 |
| 2 | `#3d4627` | `oklch(37.73% 0.0503 121.98)` | Avocado Dark Green | white, 9.9 to 1 |
| 3 | `#3b4629` | `oklch(37.61% 0.0496 125.99)` | Avocado Dark Green | white, 10 to 1 |
| 4 | `#38462b` | `oklch(37.42% 0.0486 130.76)` | Palm Leaf | white, 10 to 1 |
| 5 | `#35462d` | `oklch(37.19% 0.0476 136.20)` | Palm Leaf | white, 10.1 to 1 |
| 6 | `#31462f` | `oklch(36.92% 0.0465 142.21)` | Palm Leaf | white, 10.2 to 1 |
| 7 | `#2e4531` | `oklch(36.62% 0.0452 148.72)` | Mushiao Green | white, 10.3 to 1 |
| 8 | `#2a4534` | `oklch(36.30% 0.0439 155.62)` | Wine Bottle Green | white, 10.5 to 1 |
| 9 | `#274437` | `oklch(35.98% 0.0425 162.83)` | Burnham | white, 10.6 to 1 |
| 10 | `#254339` | `oklch(35.65% 0.0411 170.25)` | English Holly | white, 10.7 to 1 |
| 11 | `#23423b` | `oklch(35.33% 0.0397 177.79)` | Pine Grove | white, 10.9 to 1 |
| 12 | `#22413d` | `oklch(35.03% 0.0382 185.37)` | Pine Hollow | white, 11 to 1 |
| 13 | `#21403f` | `oklch(34.75% 0.0368 192.89)` | Pine Hollow | white, 11.2 to 1 |
| 14 | `#223f41` | `oklch(34.52% 0.0353 200.25)` | Sunken Cascades | white, 11.3 to 1 |
| 15 | `#233e42` | `oklch(34.32% 0.0339 207.38)` | Sunken Cascades | white, 11.4 to 1 |
| 16 | `#243d43` | `oklch(34.19% 0.0325 214.18)` | Cool Current | white, 11.5 to 1 |
| 17 | `#253c44` | `oklch(34.12% 0.0312 220.55)` | Cool Current | white, 11.5 to 1 |
| 18 | `#273c44` | `oklch(34.12% 0.0300 226.40)` | Cool Current | white, 11.6 to 1 |
| 19 | `#293b45` | `oklch(34.21% 0.0288 231.65)` | Cool Current | white, 11.5 to 1 |
| 20 | `#2b3b46` | `oklch(34.39% 0.0278 236.21)` | Precision | white, 11.5 to 1 |
| 21 | `#2d3c46` | `oklch(34.68% 0.0269 239.98)` | Pitch Cobalt | white, 11.3 to 1 |
| 22 | `#2f3d47` | `oklch(35.07% 0.0261 242.86)` | Pitch Cobalt | white, 11.2 to 1 |
| 23 | `#313e49` | `oklch(35.59% 0.0254 244.78)` | Deepsea Core | white, 11 to 1 |
| 24 | `#333f4a` | `oklch(36.24% 0.0250 245.64)` | Deepsea Core | white, 10.7 to 1 |
| 25 | `#35414c` | `oklch(37.03% 0.0247 245.34)` | Inkblot | white, 10.3 to 1 |
| 26 | `#38444f` | `oklch(38.02% 0.0245 243.88)` | Azul Petróleo | white, 9.9 to 1 |
| 27 | `#3a4752` | `oklch(39.20% 0.0245 241.33)` | Limed Spruce | white, 9.4 to 1 |
| 28 | `#3d4b55` | `oklch(40.54% 0.0247 237.80)` | Club Navy | white, 8.9 to 1 |
| 29 | `#405059` | `oklch(42.03% 0.0249 233.37)` | High Salute | white, 8.3 to 1 |
| 30 | `#43555d` | `oklch(43.65% 0.0253 228.15)` | Sea Blithe | white, 7.8 to 1 |
| 31 | `#475a61` | `oklch(45.38% 0.0258 222.22)` | Iron Forge | white, 7.2 to 1 |
| 32 | `#4b5f65` | `oklch(47.21% 0.0263 215.69)` | Cone Green Blue | white, 6.6 to 1 |
| 33 | `#4f6569` | `oklch(49.12% 0.0270 208.63)` | Sumatra Chicken | white, 6.1 to 1 |
| 34 | `#546b6d` | `oklch(51.09% 0.0277 201.16)` | Blue Ballet | white, 5.6 to 1 |
| 35 | `#597271` | `oklch(53.09% 0.0284 193.36)` | Evening Emerald | white, 5.1 to 1 |
| 36 | `#5f7874` | `oklch(55.13% 0.0292 185.32)` | Refreshing Green | white, 4.7 to 1 |
| 37 | `#667e77` | `oklch(57.16% 0.0300 177.15)` | Underwater World | black, 4.8 to 1 |
| 38 | `#6c847b` | `oklch(59.19% 0.0308 168.94)` | Blueridge Fir | black, 5.2 to 1 |
| 39 | `#748a7d` | `oklch(61.18% 0.0316 160.77)` | Sea Palm | black, 5.6 to 1 |
| 40 | `#7b9080` | `oklch(63.13% 0.0324 152.75)` | Cyanara | black, 6.1 to 1 |
| 41 | `#839583` | `oklch(65.01% 0.0332 144.96)` | Silver Linden Grey | black, 6.5 to 1 |
| 42 | `#8b9a86` | `oklch(66.80% 0.0340 137.51)` | Linden Spear | black, 7 to 1 |
| 43 | `#939f88` | `oklch(68.49% 0.0347 130.49)` | Triamble | black, 7.5 to 1 |
| 44 | `#9aa38b` | `oklch(70.07% 0.0354 123.99)` | Edamame | black, 7.9 to 1 |
| 45 | `#a1a78d` | `oklch(71.50% 0.0359 118.11)` | Frosty Cedar | black, 8.3 to 1 |
| 46 | `#a7aa90` | `oklch(72.78% 0.0365 112.93)` | Bud | black, 8.7 to 1 |
| 47 | `#acad92` | `oklch(73.89% 0.0369 108.56)` | Quiet Thicket | black, 9.1 to 1 |
| 48 | `#b0af94` | `oklch(74.80% 0.0372 105.09)` | Olive Sprig | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3f4626 0.0%, #3d4627 2.1%, #3b4629 4.3%, #38462b 6.4%, #35462d 8.5%, #31462f 10.6%, #2e4531 12.8%, #2a4534 14.9%, #274437 17.0%, #254339 19.1%, #23423b 21.3%, #22413d 23.4%, #21403f 25.5%, #223f41 27.7%, #233e42 29.8%, #243d43 31.9%, #253c44 34.0%, #273c44 36.2%, #293b45 38.3%, #2b3b46 40.4%, #2d3c46 42.6%, #2f3d47 44.7%, #313e49 46.8%, #333f4a 48.9%, #35414c 51.1%, #38444f 53.2%, #3a4752 55.3%, #3d4b55 57.4%, #405059 59.6%, #43555d 61.7%, #475a61 63.8%, #4b5f65 66.0%, #4f6569 68.1%, #546b6d 70.2%, #597271 72.3%, #5f7874 74.5%, #667e77 76.6%, #6c847b 78.7%, #748a7d 80.9%, #7b9080 83.0%, #839583 85.1%, #8b9a86 87.2%, #939f88 89.4%, #9aa38b 91.5%, #a1a78d 93.6%, #a7aa90 95.7%, #acad92 97.9%, #b0af94 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.80% 0.0510 118.83) 0.0%, oklch(37.73% 0.0503 121.98) 2.1%, oklch(37.61% 0.0496 125.99) 4.3%, oklch(37.42% 0.0486 130.76) 6.4%, oklch(37.19% 0.0476 136.20) 8.5%, oklch(36.92% 0.0465 142.21) 10.6%, oklch(36.62% 0.0452 148.72) 12.8%, oklch(36.30% 0.0439 155.62) 14.9%, oklch(35.98% 0.0425 162.83) 17.0%, oklch(35.65% 0.0411 170.25) 19.1%, oklch(35.33% 0.0397 177.79) 21.3%, oklch(35.03% 0.0382 185.37) 23.4%, oklch(34.75% 0.0368 192.89) 25.5%, oklch(34.52% 0.0353 200.25) 27.7%, oklch(34.32% 0.0339 207.38) 29.8%, oklch(34.19% 0.0325 214.18) 31.9%, oklch(34.12% 0.0312 220.55) 34.0%, oklch(34.12% 0.0300 226.40) 36.2%, oklch(34.21% 0.0288 231.65) 38.3%, oklch(34.39% 0.0278 236.21) 40.4%, oklch(34.68% 0.0269 239.98) 42.6%, oklch(35.07% 0.0261 242.86) 44.7%, oklch(35.59% 0.0254 244.78) 46.8%, oklch(36.24% 0.0250 245.64) 48.9%, oklch(37.03% 0.0247 245.34) 51.1%, oklch(38.02% 0.0245 243.88) 53.2%, oklch(39.20% 0.0245 241.33) 55.3%, oklch(40.54% 0.0247 237.80) 57.4%, oklch(42.03% 0.0249 233.37) 59.6%, oklch(43.65% 0.0253 228.15) 61.7%, oklch(45.38% 0.0258 222.22) 63.8%, oklch(47.21% 0.0263 215.69) 66.0%, oklch(49.12% 0.0270 208.63) 68.1%, oklch(51.09% 0.0277 201.16) 70.2%, oklch(53.09% 0.0284 193.36) 72.3%, oklch(55.13% 0.0292 185.32) 74.5%, oklch(57.16% 0.0300 177.15) 76.6%, oklch(59.19% 0.0308 168.94) 78.7%, oklch(61.18% 0.0316 160.77) 80.9%, oklch(63.13% 0.0324 152.75) 83.0%, oklch(65.01% 0.0332 144.96) 85.1%, oklch(66.80% 0.0340 137.51) 87.2%, oklch(68.49% 0.0347 130.49) 89.4%, oklch(70.07% 0.0354 123.99) 91.5%, oklch(71.50% 0.0359 118.11) 93.6%, oklch(72.78% 0.0365 112.93) 95.7%, oklch(73.89% 0.0369 108.56) 97.9%, oklch(74.80% 0.0372 105.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.051 | 118.8 |
| 2 | 0.366 | 0.025 | 245.6 |
| 3 | 0.748 | 0.037 | 105.1 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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