# Moss beneath a Blue Sky

Beige, blue, teal and gray linear gradient with 64 colors: #b8c98a, #b6c688, #b5c384, #b4bf7f, #b3ba7b, #b1b675, #b0b070, #aeab6a, #aca665, #a9a060, #a69b5b, #a29656, #9e9151, #9a8d4d, #95894a, #8f8647, #898445, #808243, #758044, #687f46, #587d4a, #477a50, #347757, #1f745f, #017066, #006a6c, #006671, #006276, #045f7a, #145d7d, #1e5c7f, #245d81, #275f83, #2a6586, #2d6c89, #32768c, #3a808f, #458c92, #559794, #67a395, #7bae97, #90b89a, #a4c19d, #b7c8a2, #c7cfa8, #d5d5ae, #dfd9b3, #e5dcb7, #e8ddb8, #e8dcb8, #e6d9b5, #e1d6b1, #dbd1ab, #d4cca5, #cbc69e, #c1c096, #b6ba8f, #acb388, #a1ad82, #96a77c, #8da278, #849d74, #7e9971, #79976f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, blue, teal and gray linear gradient
- Seed: `kWzT5WTR897qeUBxki60ZjFA`
- Page: https://grabient.com/kWzT5WTR897qeUBxki60ZjFA?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.3 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 | `#b8c98a` | `oklch(80.71% 0.0854 120.94)` | Marsh Fern | black, 11.7 to 1 |
| 2 | `#b6c688` | `oklch(79.98% 0.0854 120.05)` | Marsh Fern | black, 11.4 to 1 |
| 3 | `#b5c384` | `oklch(79.09% 0.0855 118.53)` | Everglade Glen | black, 11 to 1 |
| 4 | `#b4bf7f` | `oklch(78.06% 0.0855 116.52)` | Dried Caspia | black, 10.6 to 1 |
| 5 | `#b3ba7b` | `oklch(76.90% 0.0855 114.15)` | Lime Lollipop | black, 10.2 to 1 |
| 6 | `#b1b675` | `oklch(75.63% 0.0855 111.55)` | Green Curry | black, 9.7 to 1 |
| 7 | `#b0b070` | `oklch(74.28% 0.0856 108.85)` | Timothy Grass | black, 9.3 to 1 |
| 8 | `#aeab6a` | `oklch(72.86% 0.0856 106.17)` | Organic Garden | black, 8.8 to 1 |
| 9 | `#aca665` | `oklch(71.39% 0.0856 103.66)` | Wholemeal Cookie | black, 8.3 to 1 |
| 10 | `#a9a060` | `oklch(69.90% 0.0856 101.44)` | Mediaeval Sulphur | black, 7.8 to 1 |
| 11 | `#a69b5b` | `oklch(68.40% 0.0856 99.64)` | Loveliest Leaves | black, 7.4 to 1 |
| 12 | `#a29656` | `oklch(66.92% 0.0856 98.40)` | Faded Khaki | black, 7 to 1 |
| 13 | `#9e9151` | `oklch(65.46% 0.0856 97.83)` | Tupelo Tree | black, 6.6 to 1 |
| 14 | `#9a8d4d` | `oklch(64.06% 0.0856 98.08)` | Yanagicha | black, 6.2 to 1 |
| 15 | `#95894a` | `oklch(62.73% 0.0856 99.27)` | Negishi Green | black, 5.9 to 1 |
| 16 | `#8f8647` | `oklch(61.49% 0.0855 101.54)` | Warm Wetlands | black, 5.6 to 1 |
| 17 | `#898445` | `oklch(60.35% 0.0854 105.05)` | Galia Melon | black, 5.4 to 1 |
| 18 | `#808243` | `oklch(59.12% 0.0854 110.51)` | Drab | black, 5.2 to 1 |
| 19 | `#758044` | `oklch(57.75% 0.0854 117.93)` | Thai Basil | black, 4.9 to 1 |
| 20 | `#687f46` | `oklch(56.29% 0.0856 126.97)` | Beyond the Pines | black, 4.6 to 1 |
| 21 | `#587d4a` | `oklch(54.76% 0.0857 137.29)` | Mossy Green | white, 4.7 to 1 |
| 22 | `#477a50` | `oklch(53.22% 0.0858 148.57)` | Rokushō Green | white, 5 to 1 |
| 23 | `#347757` | `oklch(51.70% 0.0860 160.46)` | Amazon | white, 5.3 to 1 |
| 24 | `#1f745f` | `oklch(50.25% 0.0861 172.64)` | Tropical Rainforest | white, 5.6 to 1 |
| 25 | `#017066` | `oklch(48.89% 0.0861 184.77)` | Falcon Turquoise | white, 6 to 1 |
| 26 | `#006a6c` | `oklch(47.68% 0.0812 196.51)` | Aqua Obscura | white, 6.3 to 1 |
| 27 | `#006671` | `oklch(46.66% 0.0801 207.55)` | Wakame Green | white, 6.6 to 1 |
| 28 | `#006276` | `oklch(45.85% 0.0821 217.52)` | Blue Enchantment | white, 6.9 to 1 |
| 29 | `#045f7a` | `oklch(45.30% 0.0854 226.08)` | Blue-Collar | white, 7.1 to 1 |
| 30 | `#145d7d` | `oklch(45.07% 0.0848 232.94)` | Royal Blood | white, 7.2 to 1 |
| 31 | `#1e5c7f` | `oklch(45.17% 0.0841 237.74)` | Oceanic Motion | white, 7.2 to 1 |
| 32 | `#245d81` | `oklch(45.66% 0.0832 240.15)` | Suez Canal | white, 7.1 to 1 |
| 33 | `#275f83` | `oklch(46.61% 0.0821 239.83)` | Suez Canal | white, 6.8 to 1 |
| 34 | `#2a6586` | `oklch(48.21% 0.0805 236.68)` | Carbide | white, 6.3 to 1 |
| 35 | `#2d6c89` | `oklch(50.41% 0.0786 231.05)` | Faience | white, 5.7 to 1 |
| 36 | `#32768c` | `oklch(53.11% 0.0764 223.28)` | Thousand Herb | white, 5.1 to 1 |
| 37 | `#3a808f` | `oklch(56.22% 0.0740 213.73)` | Forget-Me-Not Blue | black, 4.6 to 1 |
| 38 | `#458c92` | `oklch(59.62% 0.0713 202.78)` | Aqueous | black, 5.4 to 1 |
| 39 | `#559794` | `oklch(63.24% 0.0686 190.79)` | Peaceful Pond | black, 6.2 to 1 |
| 40 | `#67a395` | `oklch(66.97% 0.0659 178.11)` | Jade Dragon | black, 7.2 to 1 |
| 41 | `#7bae97` | `oklch(70.72% 0.0631 165.10)` | Nature Green | black, 8.3 to 1 |
| 42 | `#90b89a` | `oklch(74.38% 0.0605 152.13)` | Summer Green | black, 9.4 to 1 |
| 43 | `#a4c19d` | `oklch(77.87% 0.0580 139.57)` | Spring Sprig | black, 10.6 to 1 |
| 44 | `#b7c8a2` | `oklch(81.07% 0.0557 127.76)` | Seacrest | black, 11.8 to 1 |
| 45 | `#c7cfa8` | `oklch(83.91% 0.0536 117.09)` | Baize Green | black, 12.9 to 1 |
| 46 | `#d5d5ae` | `oklch(86.27% 0.0519 107.89)` | Green Mesh | black, 13.9 to 1 |
| 47 | `#dfd9b3` | `oklch(88.07% 0.0506 100.55)` | Island Embrace | black, 14.7 to 1 |
| 48 | `#e5dcb7` | `oklch(89.20% 0.0497 95.41)` | Tempered Sage | black, 15.2 to 1 |
| 49 | `#e8ddb8` | `oklch(89.62% 0.0494 92.54)` | Jodhpurs | black, 15.4 to 1 |
| 50 | `#e8dcb8` | `oklch(89.44% 0.0495 91.27)` | Jodhpurs | black, 15.3 to 1 |
| 51 | `#e6d9b5` | `oklch(88.73% 0.0499 91.38)` | Lemon Balm | black, 14.9 to 1 |
| 52 | `#e1d6b1` | `oklch(87.56% 0.0507 92.70)` | Alsot Olive | black, 14.4 to 1 |
| 53 | `#dbd1ab` | `oklch(86.01% 0.0518 95.05)` | Capital Grains | black, 13.7 to 1 |
| 54 | `#d4cca5` | `oklch(84.15% 0.0532 98.25)` | Hay | black, 12.9 to 1 |
| 55 | `#cbc69e` | `oklch(82.04% 0.0547 102.13)` | Archisa | black, 12.1 to 1 |
| 56 | `#c1c096` | `oklch(79.77% 0.0563 106.50)` | Green Mist | black, 11.2 to 1 |
| 57 | `#b6ba8f` | `oklch(77.40% 0.0580 111.18)` | Secret Glade | black, 10.3 to 1 |
| 58 | `#acb388` | `oklch(75.01% 0.0597 116.01)` | Great Green | black, 9.5 to 1 |
| 59 | `#a1ad82` | `oklch(72.67% 0.0614 120.79)` | Cucumber Crush | black, 8.8 to 1 |
| 60 | `#96a77c` | `oklch(70.44% 0.0630 125.35)` | Forester | black, 8.1 to 1 |
| 61 | `#8da278` | `oklch(68.41% 0.0645 129.52)` | Broccoflower | black, 7.5 to 1 |
| 62 | `#849d74` | `oklch(66.64% 0.0658 133.11)` | Sleepy Hollow | black, 7 to 1 |
| 63 | `#7e9971` | `oklch(65.20% 0.0668 135.94)` | Mesa Verde | black, 6.7 to 1 |
| 64 | `#79976f` | `oklch(64.17% 0.0675 137.85)` | Botanical Green | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b8c98a 0.0%, #b6c688 1.6%, #b5c384 3.2%, #b4bf7f 4.8%, #b3ba7b 6.3%, #b1b675 7.9%, #b0b070 9.5%, #aeab6a 11.1%, #aca665 12.7%, #a9a060 14.3%, #a69b5b 15.9%, #a29656 17.5%, #9e9151 19.0%, #9a8d4d 20.6%, #95894a 22.2%, #8f8647 23.8%, #898445 25.4%, #808243 27.0%, #758044 28.6%, #687f46 30.2%, #587d4a 31.7%, #477a50 33.3%, #347757 34.9%, #1f745f 36.5%, #017066 38.1%, #006a6c 39.7%, #006671 41.3%, #006276 42.9%, #045f7a 44.4%, #145d7d 46.0%, #1e5c7f 47.6%, #245d81 49.2%, #275f83 50.8%, #2a6586 52.4%, #2d6c89 54.0%, #32768c 55.6%, #3a808f 57.1%, #458c92 58.7%, #559794 60.3%, #67a395 61.9%, #7bae97 63.5%, #90b89a 65.1%, #a4c19d 66.7%, #b7c8a2 68.3%, #c7cfa8 69.8%, #d5d5ae 71.4%, #dfd9b3 73.0%, #e5dcb7 74.6%, #e8ddb8 76.2%, #e8dcb8 77.8%, #e6d9b5 79.4%, #e1d6b1 81.0%, #dbd1ab 82.5%, #d4cca5 84.1%, #cbc69e 85.7%, #c1c096 87.3%, #b6ba8f 88.9%, #acb388 90.5%, #a1ad82 92.1%, #96a77c 93.7%, #8da278 95.2%, #849d74 96.8%, #7e9971 98.4%, #79976f 100.0%);
background: linear-gradient(135deg in oklch, oklch(80.71% 0.0854 120.94) 0.0%, oklch(79.98% 0.0854 120.05) 1.6%, oklch(79.09% 0.0855 118.53) 3.2%, oklch(78.06% 0.0855 116.52) 4.8%, oklch(76.90% 0.0855 114.15) 6.3%, oklch(75.63% 0.0855 111.55) 7.9%, oklch(74.28% 0.0856 108.85) 9.5%, oklch(72.86% 0.0856 106.17) 11.1%, oklch(71.39% 0.0856 103.66) 12.7%, oklch(69.90% 0.0856 101.44) 14.3%, oklch(68.40% 0.0856 99.64) 15.9%, oklch(66.92% 0.0856 98.40) 17.5%, oklch(65.46% 0.0856 97.83) 19.0%, oklch(64.06% 0.0856 98.08) 20.6%, oklch(62.73% 0.0856 99.27) 22.2%, oklch(61.49% 0.0855 101.54) 23.8%, oklch(60.35% 0.0854 105.05) 25.4%, oklch(59.12% 0.0854 110.51) 27.0%, oklch(57.75% 0.0854 117.93) 28.6%, oklch(56.29% 0.0856 126.97) 30.2%, oklch(54.76% 0.0857 137.29) 31.7%, oklch(53.22% 0.0858 148.57) 33.3%, oklch(51.70% 0.0860 160.46) 34.9%, oklch(50.25% 0.0861 172.64) 36.5%, oklch(48.89% 0.0861 184.77) 38.1%, oklch(47.68% 0.0812 196.51) 39.7%, oklch(46.66% 0.0801 207.55) 41.3%, oklch(45.85% 0.0821 217.52) 42.9%, oklch(45.30% 0.0854 226.08) 44.4%, oklch(45.07% 0.0848 232.94) 46.0%, oklch(45.17% 0.0841 237.74) 47.6%, oklch(45.66% 0.0832 240.15) 49.2%, oklch(46.61% 0.0821 239.83) 50.8%, oklch(48.21% 0.0805 236.68) 52.4%, oklch(50.41% 0.0786 231.05) 54.0%, oklch(53.11% 0.0764 223.28) 55.6%, oklch(56.22% 0.0740 213.73) 57.1%, oklch(59.62% 0.0713 202.78) 58.7%, oklch(63.24% 0.0686 190.79) 60.3%, oklch(66.97% 0.0659 178.11) 61.9%, oklch(70.72% 0.0631 165.10) 63.5%, oklch(74.38% 0.0605 152.13) 65.1%, oklch(77.87% 0.0580 139.57) 66.7%, oklch(81.07% 0.0557 127.76) 68.3%, oklch(83.91% 0.0536 117.09) 69.8%, oklch(86.27% 0.0519 107.89) 71.4%, oklch(88.07% 0.0506 100.55) 73.0%, oklch(89.20% 0.0497 95.41) 74.6%, oklch(89.62% 0.0494 92.54) 76.2%, oklch(89.44% 0.0495 91.27) 77.8%, oklch(88.73% 0.0499 91.38) 79.4%, oklch(87.56% 0.0507 92.70) 81.0%, oklch(86.01% 0.0518 95.05) 82.5%, oklch(84.15% 0.0532 98.25) 84.1%, oklch(82.04% 0.0547 102.13) 85.7%, oklch(79.77% 0.0563 106.50) 87.3%, oklch(77.40% 0.0580 111.18) 88.9%, oklch(75.01% 0.0597 116.01) 90.5%, oklch(72.67% 0.0614 120.79) 92.1%, oklch(70.44% 0.0630 125.35) 93.7%, oklch(68.41% 0.0645 129.52) 95.2%, oklch(66.64% 0.0658 133.11) 96.8%, oklch(65.20% 0.0668 135.94) 98.4%, oklch(64.17% 0.0675 137.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.085 | 120.9 |
| 2 | 0.606 | 0.085 | 104 |
| 3 | 0.461 | 0.083 | 240.4 |
| 4 | 0.894 | 0.05 | 94.5 |
| 5 | 0.642 | 0.068 | 137.8 |

## In these collections

- [Apple blossom orchard](https://grabient.com/apple-blossom-orchard)

## Other forms

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