# White mint shadow corridor

Navy, teal, gray and purple linear gradient with 48 colors: #45446a, #424569, #3c4568, #364566, #2e4462, #26445e, #1f445a, #194455, #154550, #16474c, #1a494a, #224d4a, #2c534d, #395c53, #4a695e, #5d786d, #728a7e, #889c91, #9fafa4, #b5c2b8, #c9d4ca, #dbe3da, #e9eee7, #f2f6ee, #f5f7ef, #f4f4ea, #f0ece0, #e9dfd3, #e0d0c5, #d6bfb8, #c9adac, #ba9ba2, #aa8c9b, #997e95, #8a7490, #7e6c8d, #75688a, #6e6488, #696287, #676085, #655f84, #655e84, #665d83, #685d83, #695d83, #6a5d82, #6b5d82, #6b5c81. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, teal, gray and purple linear gradient
- Seed: `kWZy3Ks5Ez_uEONGk6sQBY_Y`
- Page: https://grabient.com/kWZy3Ks5Ez_uEONGk6sQBY_Y?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.7 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 | `#45446a` | `oklch(40.55% 0.0620 284.77)` | Palace Arms | white, 9.1 to 1 |
| 2 | `#424569` | `oklch(40.36% 0.0613 279.61)` | Deepest Fig | white, 9.1 to 1 |
| 3 | `#3c4568` | `oklch(39.87% 0.0606 272.95)` | Starlit Night | white, 9.3 to 1 |
| 4 | `#364566` | `oklch(39.18% 0.0597 265.05)` | Forlorn Cruise | white, 9.5 to 1 |
| 5 | `#2e4462` | `oklch(38.38% 0.0588 256.17)` | Black Turmeric | white, 9.8 to 1 |
| 6 | `#26445e` | `oklch(37.60% 0.0577 246.58)` | Blue Accolade | white, 10.1 to 1 |
| 7 | `#1f445a` | `oklch(36.93% 0.0565 236.54)` | Astronaut Blue | white, 10.3 to 1 |
| 8 | `#194455` | `oklch(36.48% 0.0552 226.31)` | Blue Syzygy | white, 10.4 to 1 |
| 9 | `#154550` | `oklch(36.36% 0.0537 216.16)` | Blue Hill | white, 10.5 to 1 |
| 10 | `#16474c` | `oklch(36.66% 0.0521 206.36)` | Incubi Darkness | white, 10.3 to 1 |
| 11 | `#1a494a` | `oklch(37.49% 0.0504 197.16)` | Prestige Green | white, 9.9 to 1 |
| 12 | `#224d4a` | `oklch(38.97% 0.0484 188.83)` | Carriage Green | white, 9.3 to 1 |
| 13 | `#2c534d` | `oklch(41.20% 0.0463 181.64)` | Hunter | white, 8.5 to 1 |
| 14 | `#395c53` | `oklch(44.67% 0.0435 175.75)` | Iridescent | white, 7.3 to 1 |
| 15 | `#4a695e` | `oklch(49.32% 0.0401 170.93)` | Smoke Pine | white, 6 to 1 |
| 16 | `#5d786d` | `oklch(54.85% 0.0363 166.89)` | Stately Stems | white, 4.7 to 1 |
| 17 | `#728a7e` | `oklch(60.99% 0.0321 163.35)` | Sea Palm | black, 5.6 to 1 |
| 18 | `#889c91` | `oklch(67.44% 0.0279 160.01)` | Iceberg Green | black, 7.2 to 1 |
| 19 | `#9fafa4` | `oklch(73.92% 0.0238 156.57)` | Powdered Gum | black, 9.1 to 1 |
| 20 | `#b5c2b8` | `oklch(80.14% 0.0200 152.76)` | Mossa | black, 11.3 to 1 |
| 21 | `#c9d4ca` | `oklch(85.82% 0.0166 148.28)` | Valley Mist | black, 13.7 to 1 |
| 22 | `#dbe3da` | `oklch(90.66% 0.0138 142.83)` | Aqua Squeeze | black, 15.9 to 1 |
| 23 | `#e9eee7` | `oklch(94.38% 0.0119 136.13)` | Gossamer Wings | black, 17.8 to 1 |
| 24 | `#f2f6ee` | `oklch(96.70% 0.0110 127.88)` | Angraecum Orchid | black, 19.1 to 1 |
| 25 | `#f5f7ef` | `oklch(97.36% 0.0113 117.69)` | Grass Valley | black, 19.5 to 1 |
| 26 | `#f4f4ea` | `oklch(96.44% 0.0129 104.98)` | Fresh Popcorn | black, 18.9 to 1 |
| 27 | `#f0ece0` | `oklch(94.20% 0.0156 90.13)` | Paper Plane | black, 17.7 to 1 |
| 28 | `#e9dfd3` | `oklch(90.90% 0.0191 73.68)` | South Peak | black, 15.9 to 1 |
| 29 | `#e0d0c5` | `oklch(86.78% 0.0233 56.18)` | Pearl Bush | black, 14 to 1 |
| 30 | `#d6bfb8` | `oklch(82.09% 0.0279 38.14)` | Wild Rice | black, 11.9 to 1 |
| 31 | `#c9adac` | `oklch(77.09% 0.0328 20.10)` | Vista | black, 10 to 1 |
| 32 | `#ba9ba2` | `oklch(72.02% 0.0376 2.60)` | Windflower | black, 8.3 to 1 |
| 33 | `#aa8c9b` | `oklch(67.13% 0.0423 346.17)` | Reserve | black, 6.9 to 1 |
| 34 | `#997e95` | `oklch(62.67% 0.0466 331.34)` | Amorous | black, 5.7 to 1 |
| 35 | `#8a7490` | `oklch(58.89% 0.0503 318.65)` | Self Powered | black, 4.9 to 1 |
| 36 | `#7e6c8d` | `oklch(56.05% 0.0532 308.63)` | Nymph’s Delight | white, 4.7 to 1 |
| 37 | `#75688a` | `oklch(54.15% 0.0552 301.51)` | Amethyst Gem | white, 5.1 to 1 |
| 38 | `#6e6488` | `oklch(52.73% 0.0568 296.64)` | Posy Purple | white, 5.4 to 1 |
| 39 | `#696287` | `oklch(51.69% 0.0580 293.70)` | Purple Gumball | white, 5.6 to 1 |
| 40 | `#676085` | `oklch(50.99% 0.0588 292.37)` | Pharaoh Purple | white, 5.8 to 1 |
| 41 | `#655f84` | `oklch(50.57% 0.0594 292.33)` | Pharaoh Purple | white, 5.9 to 1 |
| 42 | `#655e84` | `oklch(50.36% 0.0598 293.29)` | Kimberly | white, 6 to 1 |
| 43 | `#665d83` | `oklch(50.31% 0.0600 294.92)` | Purple Valley | white, 6 to 1 |
| 44 | `#685d83` | `oklch(50.36% 0.0602 296.92)` | Kimberly | white, 6 to 1 |
| 45 | `#695d83` | `oklch(50.45% 0.0602 298.98)` | Kimberly | white, 6 to 1 |
| 46 | `#6a5d82` | `oklch(50.52% 0.0603 300.78)` | Napa Winery | white, 6 to 1 |
| 47 | `#6b5d82` | `oklch(50.53% 0.0604 302.02)` | Napa Winery | white, 6 to 1 |
| 48 | `#6b5c81` | `oklch(50.39% 0.0606 302.38)` | Napa Winery | white, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #45446a 0.0%, #424569 2.1%, #3c4568 4.3%, #364566 6.4%, #2e4462 8.5%, #26445e 10.6%, #1f445a 12.8%, #194455 14.9%, #154550 17.0%, #16474c 19.1%, #1a494a 21.3%, #224d4a 23.4%, #2c534d 25.5%, #395c53 27.7%, #4a695e 29.8%, #5d786d 31.9%, #728a7e 34.0%, #889c91 36.2%, #9fafa4 38.3%, #b5c2b8 40.4%, #c9d4ca 42.6%, #dbe3da 44.7%, #e9eee7 46.8%, #f2f6ee 48.9%, #f5f7ef 51.1%, #f4f4ea 53.2%, #f0ece0 55.3%, #e9dfd3 57.4%, #e0d0c5 59.6%, #d6bfb8 61.7%, #c9adac 63.8%, #ba9ba2 66.0%, #aa8c9b 68.1%, #997e95 70.2%, #8a7490 72.3%, #7e6c8d 74.5%, #75688a 76.6%, #6e6488 78.7%, #696287 80.9%, #676085 83.0%, #655f84 85.1%, #655e84 87.2%, #665d83 89.4%, #685d83 91.5%, #695d83 93.6%, #6a5d82 95.7%, #6b5d82 97.9%, #6b5c81 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.55% 0.0620 284.77) 0.0%, oklch(40.36% 0.0613 279.61) 2.1%, oklch(39.87% 0.0606 272.95) 4.3%, oklch(39.18% 0.0597 265.05) 6.4%, oklch(38.38% 0.0588 256.17) 8.5%, oklch(37.60% 0.0577 246.58) 10.6%, oklch(36.93% 0.0565 236.54) 12.8%, oklch(36.48% 0.0552 226.31) 14.9%, oklch(36.36% 0.0537 216.16) 17.0%, oklch(36.66% 0.0521 206.36) 19.1%, oklch(37.49% 0.0504 197.16) 21.3%, oklch(38.97% 0.0484 188.83) 23.4%, oklch(41.20% 0.0463 181.64) 25.5%, oklch(44.67% 0.0435 175.75) 27.7%, oklch(49.32% 0.0401 170.93) 29.8%, oklch(54.85% 0.0363 166.89) 31.9%, oklch(60.99% 0.0321 163.35) 34.0%, oklch(67.44% 0.0279 160.01) 36.2%, oklch(73.92% 0.0238 156.57) 38.3%, oklch(80.14% 0.0200 152.76) 40.4%, oklch(85.82% 0.0166 148.28) 42.6%, oklch(90.66% 0.0138 142.83) 44.7%, oklch(94.38% 0.0119 136.13) 46.8%, oklch(96.70% 0.0110 127.88) 48.9%, oklch(97.36% 0.0113 117.69) 51.1%, oklch(96.44% 0.0129 104.98) 53.2%, oklch(94.20% 0.0156 90.13) 55.3%, oklch(90.90% 0.0191 73.68) 57.4%, oklch(86.78% 0.0233 56.18) 59.6%, oklch(82.09% 0.0279 38.14) 61.7%, oklch(77.09% 0.0328 20.10) 63.8%, oklch(72.02% 0.0376 2.60) 66.0%, oklch(67.13% 0.0423 346.17) 68.1%, oklch(62.67% 0.0466 331.34) 70.2%, oklch(58.89% 0.0503 318.65) 72.3%, oklch(56.05% 0.0532 308.63) 74.5%, oklch(54.15% 0.0552 301.51) 76.6%, oklch(52.73% 0.0568 296.64) 78.7%, oklch(51.69% 0.0580 293.70) 80.9%, oklch(50.99% 0.0588 292.37) 83.0%, oklch(50.57% 0.0594 292.33) 85.1%, oklch(50.36% 0.0598 293.29) 87.2%, oklch(50.31% 0.0600 294.92) 89.4%, oklch(50.36% 0.0602 296.92) 91.5%, oklch(50.45% 0.0602 298.98) 93.6%, oklch(50.52% 0.0603 300.78) 95.7%, oklch(50.53% 0.0604 302.02) 97.9%, oklch(50.39% 0.0606 302.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.062 | 284.8 |
| 2 | 0.406 | 0.047 | 183.3 |
| 3 | 0.972 | 0.011 | 123.1 |
| 4 | 0.555 | 0.054 | -53.4 |
| 5 | 0.504 | 0.061 | -57.6 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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