# Gray, olive, teal and blue linear gradient

Gray, olive, teal and blue linear gradient with 48 colors: #536858, #546957, #546a56, #556a53, #566b50, #586b4d, #5b6c4a, #5e6d46, #626e42, #676f3f, #6d723c, #73753a, #7a7939, #848038, #918938, #a09339, #b19f39, #c2ab3a, #d3b73b, #e2c23b, #eecd3c, #f6d73d, #f7de3f, #f0e343, #e0e54b, #c4e258, #9ddb69, #6ecf7a, #35be88, #00a790, #008f8e, #007887, #00647e, #0b5274, #194568, #1e3d60, #213a5c, #233b5c, #253f60, #284666, #2a4f6e, #2d5a77, #306580, #337188, #367d8f, #3b8795, #3f8f9a, #43959d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWfhpsRx863I-P8smdFTx054`
- Page: https://grabient.com/kWfhpsRx863I-P8smdFTx054?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.6 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 | `#536858` | `oklch(49.61% 0.0358 151.87)` | Picholine | white, 5.9 to 1 |
| 2 | `#546957` | `oklch(49.83% 0.0382 149.59)` | Picholine | white, 5.9 to 1 |
| 3 | `#546a56` | `oklch(49.98% 0.0409 146.53)` | Picholine | white, 5.8 to 1 |
| 4 | `#556a53` | `oklch(50.10% 0.0441 142.85)` | Picholine | white, 5.8 to 1 |
| 5 | `#566b50` | `oklch(50.23% 0.0477 138.72)` | Daylight Jungle | white, 5.8 to 1 |
| 6 | `#586b4d` | `oklch(50.41% 0.0516 134.28)` | Daylight Jungle | white, 5.7 to 1 |
| 7 | `#5b6c4a` | `oklch(50.68% 0.0558 129.70)` | Bonza Green | white, 5.7 to 1 |
| 8 | `#5e6d46` | `oklch(51.08% 0.0604 125.14)` | Pandanus | white, 5.6 to 1 |
| 9 | `#626e42` | `oklch(51.64% 0.0652 120.75)` | Grass Blade | white, 5.4 to 1 |
| 10 | `#676f3f` | `oklch(52.41% 0.0703 116.70)` | Gulf Weed | white, 5.3 to 1 |
| 11 | `#6d723c` | `oklch(53.42% 0.0756 113.13)` | Cedar Green | white, 5.1 to 1 |
| 12 | `#73753a` | `oklch(54.72% 0.0812 110.21)` | Crocodile Style | white, 4.8 to 1 |
| 13 | `#7a7939` | `oklch(56.36% 0.0869 108.06)` | Evening Green | black, 4.6 to 1 |
| 14 | `#848038` | `oklch(58.78% 0.0939 105.89)` | Green Commando | black, 5.1 to 1 |
| 15 | `#918938` | `oklch(61.98% 0.1023 103.51)` | Highball | black, 5.8 to 1 |
| 16 | `#a09339` | `oklch(65.73% 0.1116 101.10)` | Shimmering Glade | black, 6.7 to 1 |
| 17 | `#b19f39` | `oklch(69.82% 0.1215 98.87)` | Martian | black, 7.8 to 1 |
| 18 | `#c2ab3a` | `oklch(74.04% 0.1314 97.02)` | Oil Yellow | black, 9.1 to 1 |
| 19 | `#d3b73b` | `oklch(78.18% 0.1411 95.73)` | Oldies but Goldies | black, 10.5 to 1 |
| 20 | `#e2c23b` | `oklch(82.01% 0.1501 95.20)` | Finger Banana | black, 12 to 1 |
| 21 | `#eecd3c` | `oklch(85.32% 0.1580 95.63)` | Angelic Descent | black, 13.4 to 1 |
| 22 | `#f6d73d` | `oklch(87.91% 0.1643 97.21)` | Anna Banana | black, 14.6 to 1 |
| 23 | `#f7de3f` | `oklch(89.55% 0.1687 100.14)` | Angel’s Trumpet | black, 15.4 to 1 |
| 24 | `#f0e343` | `oklch(90.03% 0.1708 104.61)` | Golden Snitch | black, 15.8 to 1 |
| 25 | `#e0e54b` | `oklch(89.09% 0.1701 111.03)` | First Colours of Spring | black, 15.4 to 1 |
| 26 | `#c4e258` | `oklch(86.50% 0.1663 120.46)` | Greenivorous | black, 14.3 to 1 |
| 27 | `#9ddb69` | `oklch(82.50% 0.1598 132.51)` | Last of Lettuce | black, 12.7 to 1 |
| 28 | `#6ecf7a` | `oklch(77.42% 0.1511 146.54)` | Snow Pea | black, 10.8 to 1 |
| 29 | `#35be88` | `oklch(71.56% 0.1409 161.90)` | Greenish Teal | black, 8.8 to 1 |
| 30 | `#00a790` | `oklch(65.24% 0.1201 177.96)` | Ottawa Falls | black, 6.9 to 1 |
| 31 | `#008f8e` | `oklch(58.79% 0.1005 194.09)` | Corfu Shallows | black, 5.3 to 1 |
| 32 | `#007887` | `oklch(52.50% 0.0907 209.64)` | Biscay Bay | white, 5.1 to 1 |
| 33 | `#00647e` | `oklch(46.70% 0.0877 223.99)` | Ocean Depths | white, 6.7 to 1 |
| 34 | `#0b5274` | `oklch(41.71% 0.0854 236.43)` | Pirate’s Haven | white, 8.4 to 1 |
| 35 | `#194568` | `oklch(37.83% 0.0772 246.40)` | Lucidity | white, 10 to 1 |
| 36 | `#1e3d60` | `oklch(35.39% 0.0713 253.24)` | Navy Peony | white, 11.1 to 1 |
| 37 | `#213a5c` | `oklch(34.53% 0.0678 256.57)` | Navy Peony | white, 11.5 to 1 |
| 38 | `#233b5c` | `oklch(34.92% 0.0659 257.01)` | Midnight Sleigh | white, 11.3 to 1 |
| 39 | `#253f60` | `oklch(36.34% 0.0652 255.01)` | Alpine Race | white, 10.7 to 1 |
| 40 | `#284666` | `oklch(38.59% 0.0655 251.05)` | Commodore | white, 9.7 to 1 |
| 41 | `#2a4f6e` | `oklch(41.47% 0.0667 245.58)` | Celestial Blue | white, 8.5 to 1 |
| 42 | `#2d5a77` | `oklch(44.77% 0.0686 239.06)` | Mountain Lake | white, 7.4 to 1 |
| 43 | `#306580` | `oklch(48.29% 0.0708 231.96)` | Southern Evening | white, 6.3 to 1 |
| 44 | `#337188` | `oklch(51.84% 0.0731 224.72)` | Astral | white, 5.4 to 1 |
| 45 | `#367d8f` | `oklch(55.20% 0.0755 217.81)` | Larkspur | white, 4.6 to 1 |
| 46 | `#3b8795` | `oklch(58.19% 0.0775 211.69)` | Seachange | black, 5 to 1 |
| 47 | `#3f8f9a` | `oklch(60.59% 0.0791 206.82)` | Adrift | black, 5.6 to 1 |
| 48 | `#43959d` | `oklch(62.20% 0.0799 203.66)` | Sea Current | black, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #536858 0.0%, #546957 2.1%, #546a56 4.3%, #556a53 6.4%, #566b50 8.5%, #586b4d 10.6%, #5b6c4a 12.8%, #5e6d46 14.9%, #626e42 17.0%, #676f3f 19.1%, #6d723c 21.3%, #73753a 23.4%, #7a7939 25.5%, #848038 27.7%, #918938 29.8%, #a09339 31.9%, #b19f39 34.0%, #c2ab3a 36.2%, #d3b73b 38.3%, #e2c23b 40.4%, #eecd3c 42.6%, #f6d73d 44.7%, #f7de3f 46.8%, #f0e343 48.9%, #e0e54b 51.1%, #c4e258 53.2%, #9ddb69 55.3%, #6ecf7a 57.4%, #35be88 59.6%, #00a790 61.7%, #008f8e 63.8%, #007887 66.0%, #00647e 68.1%, #0b5274 70.2%, #194568 72.3%, #1e3d60 74.5%, #213a5c 76.6%, #233b5c 78.7%, #253f60 80.9%, #284666 83.0%, #2a4f6e 85.1%, #2d5a77 87.2%, #306580 89.4%, #337188 91.5%, #367d8f 93.6%, #3b8795 95.7%, #3f8f9a 97.9%, #43959d 100.0%);
background: linear-gradient(135deg in oklch, oklch(49.61% 0.0358 151.87) 0.0%, oklch(49.83% 0.0382 149.59) 2.1%, oklch(49.98% 0.0409 146.53) 4.3%, oklch(50.10% 0.0441 142.85) 6.4%, oklch(50.23% 0.0477 138.72) 8.5%, oklch(50.41% 0.0516 134.28) 10.6%, oklch(50.68% 0.0558 129.70) 12.8%, oklch(51.08% 0.0604 125.14) 14.9%, oklch(51.64% 0.0652 120.75) 17.0%, oklch(52.41% 0.0703 116.70) 19.1%, oklch(53.42% 0.0756 113.13) 21.3%, oklch(54.72% 0.0812 110.21) 23.4%, oklch(56.36% 0.0869 108.06) 25.5%, oklch(58.78% 0.0939 105.89) 27.7%, oklch(61.98% 0.1023 103.51) 29.8%, oklch(65.73% 0.1116 101.10) 31.9%, oklch(69.82% 0.1215 98.87) 34.0%, oklch(74.04% 0.1314 97.02) 36.2%, oklch(78.18% 0.1411 95.73) 38.3%, oklch(82.01% 0.1501 95.20) 40.4%, oklch(85.32% 0.1580 95.63) 42.6%, oklch(87.91% 0.1643 97.21) 44.7%, oklch(89.55% 0.1687 100.14) 46.8%, oklch(90.03% 0.1708 104.61) 48.9%, oklch(89.09% 0.1701 111.03) 51.1%, oklch(86.50% 0.1663 120.46) 53.2%, oklch(82.50% 0.1598 132.51) 55.3%, oklch(77.42% 0.1511 146.54) 57.4%, oklch(71.56% 0.1409 161.90) 59.6%, oklch(65.24% 0.1201 177.96) 61.7%, oklch(58.79% 0.1005 194.09) 63.8%, oklch(52.50% 0.0907 209.64) 66.0%, oklch(46.70% 0.0877 223.99) 68.1%, oklch(41.71% 0.0854 236.43) 70.2%, oklch(37.83% 0.0772 246.40) 72.3%, oklch(35.39% 0.0713 253.24) 74.5%, oklch(34.53% 0.0678 256.57) 76.6%, oklch(34.92% 0.0659 257.01) 78.7%, oklch(36.34% 0.0652 255.01) 80.9%, oklch(38.59% 0.0655 251.05) 83.0%, oklch(41.47% 0.0667 245.58) 85.1%, oklch(44.77% 0.0686 239.06) 87.2%, oklch(48.29% 0.0708 231.96) 89.4%, oklch(51.84% 0.0731 224.72) 91.5%, oklch(55.20% 0.0755 217.81) 93.6%, oklch(58.19% 0.0775 211.69) 95.7%, oklch(60.59% 0.0791 206.82) 97.9%, oklch(62.20% 0.0799 203.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.496 | 0.036 | 151.9 |
| 2 | 0.559 | 0.085 | 108.5 |
| 3 | 0.898 | 0.171 | 107.5 |
| 4 | 0.35 | 0.07 | 254.4 |
| 5 | 0.622 | 0.08 | 203.7 |

## Other forms

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