# Mustard, green, teal and navy linear gradient

Mustard, green, teal and navy linear gradient with 40 colors: #d0b42e, #c8b73b, #bdbb4c, #b1bf5f, #a5c271, #9ac482, #92c591, #8dc49d, #8ac2a5, #88bfa9, #85bbaa, #7eb5a8, #74aea3, #68a59d, #5a9c96, #4b948e, #3b8d88, #2b8782, #1b837d, #0e817a, #108479, #238b79, #3d9679, #59a37a, #77b17b, #94be7e, #aec982, #c2d287, #ced88b, #ceda8c, #c0d68b, #a4ce8a, #7dc08b, #4dae8e, #059791, #007b8c, #006084, #0e487d, #1f336f, #252463. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWxGpE35bI8WiQZtJLepqdTA`
- Page: https://grabient.com/kWxGpE35bI8WiQZtJLepqdTA?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#d0b42e` | `oklch(77.17% 0.1461 96.33)` | Old Gold | black, 10.2 to 1 |
| 2 | `#c8b73b` | `oklch(77.13% 0.1404 101.28)` | Warm Olive | black, 10.2 to 1 |
| 3 | `#bdbb4c` | `oklch(77.20% 0.1323 108.05)` | Sinsemilla | black, 10.3 to 1 |
| 4 | `#b1bf5f` | `oklch(77.31% 0.1226 116.17)` | Middle Green Yellow | black, 10.4 to 1 |
| 5 | `#a5c271` | `oklch(77.42% 0.1118 125.21)` | Tan Green | black, 10.5 to 1 |
| 6 | `#9ac482` | `oklch(77.46% 0.1007 134.71)` | Picnic | black, 10.6 to 1 |
| 7 | `#92c591` | `oklch(77.39% 0.0897 144.23)` | Velvet Leaf | black, 10.6 to 1 |
| 8 | `#8dc49d` | `oklch(77.15% 0.0797 153.31)` | Delltone | black, 10.5 to 1 |
| 9 | `#8ac2a5` | `oklch(76.69% 0.0712 161.52)` | Lark Green | black, 10.3 to 1 |
| 10 | `#88bfa9` | `oklch(75.96% 0.0649 168.40)` | Baby Cake | black, 10 to 1 |
| 11 | `#85bbaa` | `oklch(74.88% 0.0614 173.55)` | Patina Hue | black, 9.6 to 1 |
| 12 | `#7eb5a8` | `oklch(73.10% 0.0606 177.81)` | Mint Bonbon Green | black, 9 to 1 |
| 13 | `#74aea3` | `oklch(70.68% 0.0619 181.55)` | Turquoise Fantasies | black, 8.2 to 1 |
| 14 | `#68a59d` | `oklch(67.83% 0.0649 184.70)` | Aqua Rapids | black, 7.4 to 1 |
| 15 | `#5a9c96` | `oklch(64.79% 0.0691 187.20)` | Caulerpa Lentillifera | black, 6.6 to 1 |
| 16 | `#4b948e` | `oklch(61.78% 0.0741 188.97)` | Mirage Lake | black, 5.9 to 1 |
| 17 | `#3b8d88` | `oklch(59.03% 0.0794 189.95)` | Royal Palm | black, 5.3 to 1 |
| 18 | `#2b8782` | `oklch(56.77% 0.0845 190.07)` | Copper Turquoise | black, 4.8 to 1 |
| 19 | `#1b837d` | `oklch(55.22% 0.0890 189.26)` | Egyptian Green | white, 4.5 to 1 |
| 20 | `#0e817a` | `oklch(54.61% 0.0925 187.45)` | Autumn Pine Green | white, 4.7 to 1 |
| 21 | `#108479` | `oklch(55.24% 0.0946 184.21)` | Egyptian Green | black, 4.5 to 1 |
| 22 | `#238b79` | `oklch(57.54% 0.0961 177.70)` | Porcelain Green | black, 5 to 1 |
| 23 | `#3d9679` | `oklch(61.16% 0.0972 168.53)` | Good Luck | black, 5.8 to 1 |
| 24 | `#59a37a` | `oklch(65.66% 0.0980 157.71)` | Advertising Green | black, 6.9 to 1 |
| 25 | `#77b17b` | `oklch(70.60% 0.0985 146.27)` | Faded Green | black, 8.3 to 1 |
| 26 | `#94be7e` | `oklch(75.51% 0.0989 135.23)` | Sago Garden | black, 9.9 to 1 |
| 27 | `#aec982` | `oklch(79.97% 0.0992 125.60)` | Sour Face | black, 11.5 to 1 |
| 28 | `#c2d287` | `oklch(83.51% 0.0995 118.41)` | Zucchini Noodles | black, 12.9 to 1 |
| 29 | `#ced88b` | `oklch(85.69% 0.0999 114.67)` | Lime Sherbet | black, 13.8 to 1 |
| 30 | `#ceda8c` | `oklch(86.07% 0.1004 115.40)` | Lime Splash | black, 14 to 1 |
| 31 | `#c0d68b` | `oklch(84.24% 0.1011 121.70)` | Pastel Lime | black, 13.2 to 1 |
| 32 | `#a4ce8a` | `oklch(80.36% 0.1019 133.58)` | Pistachio Dream | black, 11.7 to 1 |
| 33 | `#7dc08b` | `oklch(74.88% 0.1027 149.80)` | Flashman | black, 9.7 to 1 |
| 34 | `#4dae8e` | `oklch(68.26% 0.1036 169.10)` | O’grady Green | black, 7.7 to 1 |
| 35 | `#059791` | `oklch(60.95% 0.1044 190.19)` | Columbia | black, 5.8 to 1 |
| 36 | `#007b8c` | `oklch(53.43% 0.0930 211.82)` | Biscay Bay | white, 4.9 to 1 |
| 37 | `#006084` | `oklch(46.14% 0.0950 232.71)` | Adriatic Sea | white, 6.9 to 1 |
| 38 | `#0e487d` | `oklch(39.55% 0.1065 251.53)` | Kolibri Blue | white, 9.4 to 1 |
| 39 | `#1f336f` | `oklch(34.12% 0.1071 267.09)` | Atlantic Navy | white, 11.9 to 1 |
| 40 | `#252463` | `oklch(30.31% 0.1075 278.09)` | Intergalactic Cowboy | white, 13.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d0b42e 0.0%, #c8b73b 2.6%, #bdbb4c 5.1%, #b1bf5f 7.7%, #a5c271 10.3%, #9ac482 12.8%, #92c591 15.4%, #8dc49d 17.9%, #8ac2a5 20.5%, #88bfa9 23.1%, #85bbaa 25.6%, #7eb5a8 28.2%, #74aea3 30.8%, #68a59d 33.3%, #5a9c96 35.9%, #4b948e 38.5%, #3b8d88 41.0%, #2b8782 43.6%, #1b837d 46.2%, #0e817a 48.7%, #108479 51.3%, #238b79 53.8%, #3d9679 56.4%, #59a37a 59.0%, #77b17b 61.5%, #94be7e 64.1%, #aec982 66.7%, #c2d287 69.2%, #ced88b 71.8%, #ceda8c 74.4%, #c0d68b 76.9%, #a4ce8a 79.5%, #7dc08b 82.1%, #4dae8e 84.6%, #059791 87.2%, #007b8c 89.7%, #006084 92.3%, #0e487d 94.9%, #1f336f 97.4%, #252463 100.0%);
background: linear-gradient(45deg in oklch, oklch(77.17% 0.1461 96.33) 0.0%, oklch(77.13% 0.1404 101.28) 2.6%, oklch(77.20% 0.1323 108.05) 5.1%, oklch(77.31% 0.1226 116.17) 7.7%, oklch(77.42% 0.1118 125.21) 10.3%, oklch(77.46% 0.1007 134.71) 12.8%, oklch(77.39% 0.0897 144.23) 15.4%, oklch(77.15% 0.0797 153.31) 17.9%, oklch(76.69% 0.0712 161.52) 20.5%, oklch(75.96% 0.0649 168.40) 23.1%, oklch(74.88% 0.0614 173.55) 25.6%, oklch(73.10% 0.0606 177.81) 28.2%, oklch(70.68% 0.0619 181.55) 30.8%, oklch(67.83% 0.0649 184.70) 33.3%, oklch(64.79% 0.0691 187.20) 35.9%, oklch(61.78% 0.0741 188.97) 38.5%, oklch(59.03% 0.0794 189.95) 41.0%, oklch(56.77% 0.0845 190.07) 43.6%, oklch(55.22% 0.0890 189.26) 46.2%, oklch(54.61% 0.0925 187.45) 48.7%, oklch(55.24% 0.0946 184.21) 51.3%, oklch(57.54% 0.0961 177.70) 53.8%, oklch(61.16% 0.0972 168.53) 56.4%, oklch(65.66% 0.0980 157.71) 59.0%, oklch(70.60% 0.0985 146.27) 61.5%, oklch(75.51% 0.0989 135.23) 64.1%, oklch(79.97% 0.0992 125.60) 66.7%, oklch(83.51% 0.0995 118.41) 69.2%, oklch(85.69% 0.0999 114.67) 71.8%, oklch(86.07% 0.1004 115.40) 74.4%, oklch(84.24% 0.1011 121.70) 76.9%, oklch(80.36% 0.1019 133.58) 79.5%, oklch(74.88% 0.1027 149.80) 82.1%, oklch(68.26% 0.1036 169.10) 84.6%, oklch(60.95% 0.1044 190.19) 87.2%, oklch(53.43% 0.0930 211.82) 89.7%, oklch(46.14% 0.0950 232.71) 92.3%, oklch(39.55% 0.1065 251.53) 94.9%, oklch(34.12% 0.1071 267.09) 97.4%, oklch(30.31% 0.1075 278.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.146 | 96.3 |
| 2 | 0.752 | 0.062 | 172.4 |
| 3 | 0.547 | 0.094 | 186.2 |
| 4 | 0.858 | 0.101 | 116.4 |
| 5 | 0.303 | 0.107 | 278.1 |

## Other forms

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