# Yellow cyan violet threshold

Navy, green, gray and tan linear gradient with 56 colors: #45446a, #45496f, #454f75, #44567c, #425e84, #3e688b, #3a7291, #377d95, #358898, #379398, #3f9d97, #4ca793, #5daf8f, #6fb68a, #82bc85, #93c181, #a2c47d, #aec67b, #b8c779, #bec879, #c0c779, #c0c579, #bdc379, #b8c079, #b2bd79, #aab979, #a2b57a, #9ab07a, #91ab7a, #89a67a, #82a17a, #7c9c79, #779879, #739478, #709178, #6f8f78, #6e8f78, #6f8f78, #729179, #75937a, #79977c, #7e9b7e, #84a080, #8ba582, #93ab84, #9cb086, #a5b688, #afbc8a, #b9c28d, #c3c78f, #cdcc91, #d6d193, #dfd595, #e7d897, #eedb99, #f3de9b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, green, gray and tan linear gradient
- Seed: `kUZy3K5iWsE6SRFyoDig`
- Page: https://grabient.com/kUZy3K5iWsE6SRFyoDig?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#45446a` | `oklch(40.55% 0.0620 284.77)` | Palace Arms | white, 9.1 to 1 |
| 2 | `#45496f` | `oklch(41.83% 0.0634 279.41)` | Deepest Fig | white, 8.6 to 1 |
| 3 | `#454f75` | `oklch(43.48% 0.0652 272.62)` | Astronaut | white, 8 to 1 |
| 4 | `#44567c` | `oklch(45.43% 0.0675 264.59)` | Sailor | white, 7.3 to 1 |
| 5 | `#425e84` | `oklch(47.66% 0.0700 255.49)` | Functional Blue | white, 6.6 to 1 |
| 6 | `#3e688b` | `oklch(50.10% 0.0729 245.51)` | French Mirage Blue | white, 5.9 to 1 |
| 7 | `#3a7291` | `oklch(52.72% 0.0759 234.83)` | Soul Search | white, 5.2 to 1 |
| 8 | `#377d95` | `oklch(55.46% 0.0791 223.63)` | Blue Rodeo | white, 4.6 to 1 |
| 9 | `#358898` | `oklch(58.27% 0.0823 212.09)` | Precious Stone | black, 5.1 to 1 |
| 10 | `#379398` | `oklch(61.12% 0.0855 200.39)` | Aqua Lake | black, 5.7 to 1 |
| 11 | `#3f9d97` | `oklch(63.94% 0.0887 188.72)` | Dreamy Teal | black, 6.4 to 1 |
| 12 | `#4ca793` | `oklch(66.70% 0.0917 177.26)` | Jewel Weed | black, 7.2 to 1 |
| 13 | `#5daf8f` | `oklch(69.34% 0.0945 166.18)` | O’grady Green | black, 8 to 1 |
| 14 | `#6fb68a` | `oklch(71.82% 0.0970 155.67)` | Frog Pond | black, 8.7 to 1 |
| 15 | `#82bc85` | `oklch(74.08% 0.0992 145.91)` | Flashman | black, 9.4 to 1 |
| 16 | `#93c181` | `oklch(76.09% 0.1011 137.09)` | Hearty Hosta | black, 10.1 to 1 |
| 17 | `#a2c47d` | `oklch(77.80% 0.1024 129.38)` | Opaline Green | black, 10.7 to 1 |
| 18 | `#aec67b` | `oklch(79.15% 0.1032 122.96)` | Valley View | black, 11.1 to 1 |
| 19 | `#b8c779` | `oklch(80.10% 0.1034 118.03)` | Floral Bouquet | black, 11.5 to 1 |
| 20 | `#bec879` | `oklch(80.60% 0.1029 114.69)` | Greenish Tan | black, 11.6 to 1 |
| 21 | `#c0c779` | `oklch(80.65% 0.1017 112.77)` | Mélange Green | black, 11.6 to 1 |
| 22 | `#c0c579` | `oklch(80.29% 0.0997 112.12)` | Mélange Green | black, 11.5 to 1 |
| 23 | `#bdc379` | `oklch(79.59% 0.0972 112.59)` | Mélange Green | black, 11.2 to 1 |
| 24 | `#b8c079` | `oklch(78.59% 0.0942 114.03)` | Everglade Glen | black, 10.8 to 1 |
| 25 | `#b2bd79` | `oklch(77.35% 0.0907 116.29)` | Lime Lollipop | black, 10.4 to 1 |
| 26 | `#aab979` | `oklch(75.91% 0.0869 119.23)` | Green Curry | black, 9.9 to 1 |
| 27 | `#a2b57a` | `oklch(74.32% 0.0829 122.70)` | Serpentine | black, 9.4 to 1 |
| 28 | `#9ab07a` | `oklch(72.64% 0.0788 126.54)` | Rural Eyes | black, 8.8 to 1 |
| 29 | `#91ab7a` | `oklch(70.91% 0.0745 130.62)` | Forest Shade | black, 8.3 to 1 |
| 30 | `#89a67a` | `oklch(69.20% 0.0704 134.79)` | Succulent Greenhouse | black, 7.8 to 1 |
| 31 | `#82a17a` | `oklch(67.54% 0.0664 138.89)` | Rivergrass | black, 7.3 to 1 |
| 32 | `#7c9c79` | `oklch(66.00% 0.0625 142.78)` | Scottish Highlands | black, 6.9 to 1 |
| 33 | `#779879` | `oklch(64.61% 0.0591 146.31)` | Jade Green | black, 6.5 to 1 |
| 34 | `#739478` | `oklch(63.45% 0.0560 149.34)` | Watercress | black, 6.2 to 1 |
| 35 | `#709178` | `oklch(62.54% 0.0534 151.71)` | Watercress | black, 6 to 1 |
| 36 | `#6f8f78` | `oklch(61.95% 0.0514 153.29)` | Ivy Wreath | black, 5.8 to 1 |
| 37 | `#6e8f78` | `oklch(61.73% 0.0501 153.91)` | Ivy Wreath | black, 5.8 to 1 |
| 38 | `#6f8f78` | `oklch(61.92% 0.0495 153.47)` | Ivy Wreath | black, 5.8 to 1 |
| 39 | `#729179` | `oklch(62.48% 0.0496 152.19)` | Cool Bluegrass | black, 6 to 1 |
| 40 | `#75937a` | `oklch(63.35% 0.0503 150.26)` | Watercress | black, 6.2 to 1 |
| 41 | `#79977c` | `oklch(64.50% 0.0515 147.74)` | Sea Radish | black, 6.5 to 1 |
| 42 | `#7e9b7e` | `oklch(65.89% 0.0532 144.71)` | Scottish Highlands | black, 6.8 to 1 |
| 43 | `#84a080` | `oklch(67.48% 0.0552 141.25)` | Grey Green | black, 7.3 to 1 |
| 44 | `#8ba582` | `oklch(69.24% 0.0576 137.43)` | Mermaid’s Cove | black, 7.8 to 1 |
| 45 | `#93ab84` | `oklch(71.14% 0.0602 133.35)` | Forest Shade | black, 8.3 to 1 |
| 46 | `#9cb086` | `oklch(73.13% 0.0631 129.06)` | Venetian Glass | black, 8.9 to 1 |
| 47 | `#a5b688` | `oklch(75.17% 0.0660 124.66)` | Great Green | black, 9.6 to 1 |
| 48 | `#afbc8a` | `oklch(77.24% 0.0691 120.21)` | Chervil Leaves | black, 10.3 to 1 |
| 49 | `#b9c28d` | `oklch(79.29% 0.0721 115.80)` | Jitterbug | black, 11.1 to 1 |
| 50 | `#c3c78f` | `oklch(81.29% 0.0751 111.50)` | Yerba Mate | black, 11.8 to 1 |
| 51 | `#cdcc91` | `oklch(83.20% 0.0780 107.39)` | Corn Husk Green | black, 12.6 to 1 |
| 52 | `#d6d193` | `oklch(84.99% 0.0806 103.55)` | Lemon Fennel | black, 13.3 to 1 |
| 53 | `#dfd595` | `oklch(86.62% 0.0830 100.06)` | Lima Bean | black, 14 to 1 |
| 54 | `#e7d897` | `oklch(88.04% 0.0852 96.99)` | Tainted Gold | black, 14.7 to 1 |
| 55 | `#eedb99` | `oklch(89.24% 0.0869 94.42)` | Flourish | black, 15.2 to 1 |
| 56 | `#f3de9b` | `oklch(90.16% 0.0882 92.44)` | Sunbathed | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #45446a 0.0%, #45496f 1.8%, #454f75 3.6%, #44567c 5.5%, #425e84 7.3%, #3e688b 9.1%, #3a7291 10.9%, #377d95 12.7%, #358898 14.5%, #379398 16.4%, #3f9d97 18.2%, #4ca793 20.0%, #5daf8f 21.8%, #6fb68a 23.6%, #82bc85 25.5%, #93c181 27.3%, #a2c47d 29.1%, #aec67b 30.9%, #b8c779 32.7%, #bec879 34.5%, #c0c779 36.4%, #c0c579 38.2%, #bdc379 40.0%, #b8c079 41.8%, #b2bd79 43.6%, #aab979 45.5%, #a2b57a 47.3%, #9ab07a 49.1%, #91ab7a 50.9%, #89a67a 52.7%, #82a17a 54.5%, #7c9c79 56.4%, #779879 58.2%, #739478 60.0%, #709178 61.8%, #6f8f78 63.6%, #6e8f78 65.5%, #6f8f78 67.3%, #729179 69.1%, #75937a 70.9%, #79977c 72.7%, #7e9b7e 74.5%, #84a080 76.4%, #8ba582 78.2%, #93ab84 80.0%, #9cb086 81.8%, #a5b688 83.6%, #afbc8a 85.5%, #b9c28d 87.3%, #c3c78f 89.1%, #cdcc91 90.9%, #d6d193 92.7%, #dfd595 94.5%, #e7d897 96.4%, #eedb99 98.2%, #f3de9b 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.55% 0.0620 284.77) 0.0%, oklch(41.83% 0.0634 279.41) 1.8%, oklch(43.48% 0.0652 272.62) 3.6%, oklch(45.43% 0.0675 264.59) 5.5%, oklch(47.66% 0.0700 255.49) 7.3%, oklch(50.10% 0.0729 245.51) 9.1%, oklch(52.72% 0.0759 234.83) 10.9%, oklch(55.46% 0.0791 223.63) 12.7%, oklch(58.27% 0.0823 212.09) 14.5%, oklch(61.12% 0.0855 200.39) 16.4%, oklch(63.94% 0.0887 188.72) 18.2%, oklch(66.70% 0.0917 177.26) 20.0%, oklch(69.34% 0.0945 166.18) 21.8%, oklch(71.82% 0.0970 155.67) 23.6%, oklch(74.08% 0.0992 145.91) 25.5%, oklch(76.09% 0.1011 137.09) 27.3%, oklch(77.80% 0.1024 129.38) 29.1%, oklch(79.15% 0.1032 122.96) 30.9%, oklch(80.10% 0.1034 118.03) 32.7%, oklch(80.60% 0.1029 114.69) 34.5%, oklch(80.65% 0.1017 112.77) 36.4%, oklch(80.29% 0.0997 112.12) 38.2%, oklch(79.59% 0.0972 112.59) 40.0%, oklch(78.59% 0.0942 114.03) 41.8%, oklch(77.35% 0.0907 116.29) 43.6%, oklch(75.91% 0.0869 119.23) 45.5%, oklch(74.32% 0.0829 122.70) 47.3%, oklch(72.64% 0.0788 126.54) 49.1%, oklch(70.91% 0.0745 130.62) 50.9%, oklch(69.20% 0.0704 134.79) 52.7%, oklch(67.54% 0.0664 138.89) 54.5%, oklch(66.00% 0.0625 142.78) 56.4%, oklch(64.61% 0.0591 146.31) 58.2%, oklch(63.45% 0.0560 149.34) 60.0%, oklch(62.54% 0.0534 151.71) 61.8%, oklch(61.95% 0.0514 153.29) 63.6%, oklch(61.73% 0.0501 153.91) 65.5%, oklch(61.92% 0.0495 153.47) 67.3%, oklch(62.48% 0.0496 152.19) 69.1%, oklch(63.35% 0.0503 150.26) 70.9%, oklch(64.50% 0.0515 147.74) 72.7%, oklch(65.89% 0.0532 144.71) 74.5%, oklch(67.48% 0.0552 141.25) 76.4%, oklch(69.24% 0.0576 137.43) 78.2%, oklch(71.14% 0.0602 133.35) 80.0%, oklch(73.13% 0.0631 129.06) 81.8%, oklch(75.17% 0.0660 124.66) 83.6%, oklch(77.24% 0.0691 120.21) 85.5%, oklch(79.29% 0.0721 115.80) 87.3%, oklch(81.29% 0.0751 111.50) 89.1%, oklch(83.20% 0.0780 107.39) 90.9%, oklch(84.99% 0.0806 103.55) 92.7%, oklch(86.62% 0.0830 100.06) 94.5%, oklch(88.04% 0.0852 96.99) 96.4%, oklch(89.24% 0.0869 94.42) 98.2%, oklch(90.16% 0.0882 92.44) 100.0%);
```

## Keyframes

4 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.803 | 0.103 | 116.7 |
| 3 | 0.618 | 0.05 | 153.7 |
| 4 | 0.902 | 0.088 | 92.4 |

## In these collections

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

## Other forms

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