# Fawn gold moss diagonal

Teal, gray, tan and pink linear gradient with 48 colors: #006666, #056462, #09615e, #0e5d59, #125953, #15554e, #185148, #1b4d43, #1e493e, #214639, #254435, #284232, #2d4231, #334230, #3a4331, #414433, #474637, #4d493d, #534c44, #58514b, #5d5551, #625a58, #675f5d, #6e6462, #756867, #7f6c6a, #8b706c, #98746b, #a57968, #b17e62, #bb8559, #c28d4f, #c89645, #cb9f3d, #cfa639, #d3ac39, #daaf3e, #e3b148, #ecb157, #f3b168, #f8b17b, #fbb28f, #fab4a1, #f7b7b1, #f2bbbe, #edbec7, #e9c2cd, #e6c5d1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, gray, tan and pink linear gradient
- Seed: `kWdTmKrQ660IFsNhMce7I80g`
- Page: https://grabient.com/kWdTmKrQ660IFsNhMce7I80g?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: multicolor
- Hues: multi-hue
- 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 | `#006666` | `oklch(46.06% 0.0785 194.77)` | Sci-fi Petrol | white, 6.8 to 1 |
| 2 | `#056462` | `oklch(45.45% 0.0766 192.90)` | Emerald Stone | white, 7 to 1 |
| 3 | `#09615e` | `oklch(44.55% 0.0741 190.95)` | Emerald Stone | white, 7.3 to 1 |
| 4 | `#0e5d59` | `oklch(43.44% 0.0711 188.82)` | Tidal Pool | white, 7.6 to 1 |
| 5 | `#125953` | `oklch(42.19% 0.0677 186.46)` | Baltic Prince | white, 8 to 1 |
| 6 | `#15554e` | `oklch(40.87% 0.0641 183.77)` | Cape Verde | white, 8.5 to 1 |
| 7 | `#185148` | `oklch(39.55% 0.0603 180.68)` | Lacustral | white, 9 to 1 |
| 8 | `#1b4d43` | `oklch(38.30% 0.0564 177.13)` | Swedish Green | white, 9.6 to 1 |
| 9 | `#1e493e` | `oklch(37.18% 0.0526 173.02)` | Country Squire | white, 10 to 1 |
| 10 | `#214639` | `oklch(36.28% 0.0489 168.29)` | Burnham | white, 10.4 to 1 |
| 11 | `#254435` | `oklch(35.65% 0.0453 162.86)` | Everglade | white, 10.7 to 1 |
| 12 | `#284232` | `oklch(35.37% 0.0421 156.65)` | English Holly | white, 10.9 to 1 |
| 13 | `#2d4231` | `oklch(35.51% 0.0393 149.54)` | English Holly | white, 10.8 to 1 |
| 14 | `#334230` | `oklch(36.00% 0.0360 140.45)` | Sensaimidori Green | white, 10.7 to 1 |
| 15 | `#3a4331` | `oklch(36.78% 0.0322 129.38)` | Sensaimidori Green | white, 10.4 to 1 |
| 16 | `#414433` | `oklch(37.82% 0.0281 116.84)` | Garden Path | white, 10 to 1 |
| 17 | `#474637` | `oklch(39.08% 0.0239 103.34)` | Ruggero Grey | white, 9.5 to 1 |
| 18 | `#4d493d` | `oklch(40.53% 0.0199 89.41)` | Philosophically Speaking | white, 9 to 1 |
| 19 | `#534c44` | `oklch(42.12% 0.0163 75.55)` | Barnwood | white, 8.4 to 1 |
| 20 | `#58514b` | `oklch(43.83% 0.0134 62.27)` | Weathered Brown | white, 7.8 to 1 |
| 21 | `#5d5551` | `oklch(45.62% 0.0114 50.09)` | Wolf’s Fur | white, 7.2 to 1 |
| 22 | `#625a58` | `oklch(47.45% 0.0106 39.53)` | Wood Acres | white, 6.7 to 1 |
| 23 | `#675f5d` | `oklch(49.28% 0.0111 31.10)` | Bessie | white, 6.2 to 1 |
| 24 | `#6e6462` | `oklch(51.09% 0.0134 25.31)` | Folkstone | white, 5.7 to 1 |
| 25 | `#756867` | `oklch(52.87% 0.0177 22.73)` | Night Skyscraper | white, 5.3 to 1 |
| 26 | `#7f6c6a` | `oklch(54.81% 0.0251 23.69)` | Autumn Ashes | white, 4.9 to 1 |
| 27 | `#8b706c` | `oklch(56.92% 0.0352 27.64)` | Dutch Cocoa | black, 4.6 to 1 |
| 28 | `#98746b` | `oklch(59.14% 0.0473 33.93)` | Reddish Grey | black, 5 to 1 |
| 29 | `#a57968` | `oklch(61.44% 0.0607 41.88)` | Chutney Brown | black, 5.5 to 1 |
| 30 | `#b17e62` | `oklch(63.77% 0.0749 50.86)` | Cider Spice | black, 6 to 1 |
| 31 | `#bb8559` | `oklch(66.09% 0.0890 60.19)` | Deer | black, 6.6 to 1 |
| 32 | `#c28d4f` | `oklch(68.35% 0.1024 69.23)` | Caramel Macchiato | black, 7.2 to 1 |
| 33 | `#c89645` | `oklch(70.52% 0.1145 77.32)` | Nattō | black, 7.9 to 1 |
| 34 | `#cb9f3d` | `oklch(72.55% 0.1246 83.80)` | Local Curry | black, 8.5 to 1 |
| 35 | `#cfa639` | `oklch(74.39% 0.1320 88.01)` | Kingdom Gold | black, 9.1 to 1 |
| 36 | `#d3ac39` | `oklch(76.01% 0.1360 89.30)` | Ceylon Yellow | black, 9.7 to 1 |
| 37 | `#daaf3e` | `oklch(77.40% 0.1362 87.29)` | Yarrow | black, 10.2 to 1 |
| 38 | `#e3b148` | `oklch(78.64% 0.1330 82.58)` | Gambol Gold | black, 10.6 to 1 |
| 39 | `#ecb157` | `oklch(79.74% 0.1270 75.67)` | Sense of Wonder | black, 10.9 to 1 |
| 40 | `#f3b168` | `oklch(80.72% 0.1188 67.03)` | Stirring Orange | black, 11.2 to 1 |
| 41 | `#f8b17b` | `oklch(81.58% 0.1089 57.13)` | Tacao | black, 11.5 to 1 |
| 42 | `#fbb28f` | `oklch(82.34% 0.0979 46.47)` | Orange Grove | black, 11.8 to 1 |
| 43 | `#fab4a1` | `oklch(83.01% 0.0864 35.50)` | Just Blush | black, 12 to 1 |
| 44 | `#f7b7b1` | `oklch(83.61% 0.0749 24.72)` | Mixed Fruit | black, 12.3 to 1 |
| 45 | `#f2bbbe` | `oklch(84.13% 0.0641 14.60)` | Petals Unfolding | black, 12.5 to 1 |
| 46 | `#edbec7` | `oklch(84.61% 0.0546 5.60)` | Rose Melody | black, 12.8 to 1 |
| 47 | `#e9c2cd` | `oklch(85.04% 0.0468 358.22)` | Primrose Pink | black, 13 to 1 |
| 48 | `#e6c5d1` | `oklch(85.43% 0.0413 352.93)` | Light Blush | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #006666 0.0%, #056462 2.1%, #09615e 4.3%, #0e5d59 6.4%, #125953 8.5%, #15554e 10.6%, #185148 12.8%, #1b4d43 14.9%, #1e493e 17.0%, #214639 19.1%, #254435 21.3%, #284232 23.4%, #2d4231 25.5%, #334230 27.7%, #3a4331 29.8%, #414433 31.9%, #474637 34.0%, #4d493d 36.2%, #534c44 38.3%, #58514b 40.4%, #5d5551 42.6%, #625a58 44.7%, #675f5d 46.8%, #6e6462 48.9%, #756867 51.1%, #7f6c6a 53.2%, #8b706c 55.3%, #98746b 57.4%, #a57968 59.6%, #b17e62 61.7%, #bb8559 63.8%, #c28d4f 66.0%, #c89645 68.1%, #cb9f3d 70.2%, #cfa639 72.3%, #d3ac39 74.5%, #daaf3e 76.6%, #e3b148 78.7%, #ecb157 80.9%, #f3b168 83.0%, #f8b17b 85.1%, #fbb28f 87.2%, #fab4a1 89.4%, #f7b7b1 91.5%, #f2bbbe 93.6%, #edbec7 95.7%, #e9c2cd 97.9%, #e6c5d1 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.06% 0.0785 194.77) 0.0%, oklch(45.45% 0.0766 192.90) 2.1%, oklch(44.55% 0.0741 190.95) 4.3%, oklch(43.44% 0.0711 188.82) 6.4%, oklch(42.19% 0.0677 186.46) 8.5%, oklch(40.87% 0.0641 183.77) 10.6%, oklch(39.55% 0.0603 180.68) 12.8%, oklch(38.30% 0.0564 177.13) 14.9%, oklch(37.18% 0.0526 173.02) 17.0%, oklch(36.28% 0.0489 168.29) 19.1%, oklch(35.65% 0.0453 162.86) 21.3%, oklch(35.37% 0.0421 156.65) 23.4%, oklch(35.51% 0.0393 149.54) 25.5%, oklch(36.00% 0.0360 140.45) 27.7%, oklch(36.78% 0.0322 129.38) 29.8%, oklch(37.82% 0.0281 116.84) 31.9%, oklch(39.08% 0.0239 103.34) 34.0%, oklch(40.53% 0.0199 89.41) 36.2%, oklch(42.12% 0.0163 75.55) 38.3%, oklch(43.83% 0.0134 62.27) 40.4%, oklch(45.62% 0.0114 50.09) 42.6%, oklch(47.45% 0.0106 39.53) 44.7%, oklch(49.28% 0.0111 31.10) 46.8%, oklch(51.09% 0.0134 25.31) 48.9%, oklch(52.87% 0.0177 22.73) 51.1%, oklch(54.81% 0.0251 23.69) 53.2%, oklch(56.92% 0.0352 27.64) 55.3%, oklch(59.14% 0.0473 33.93) 57.4%, oklch(61.44% 0.0607 41.88) 59.6%, oklch(63.77% 0.0749 50.86) 61.7%, oklch(66.09% 0.0890 60.19) 63.8%, oklch(68.35% 0.1024 69.23) 66.0%, oklch(70.52% 0.1145 77.32) 68.1%, oklch(72.55% 0.1246 83.80) 70.2%, oklch(74.39% 0.1320 88.01) 72.3%, oklch(76.01% 0.1360 89.30) 74.5%, oklch(77.40% 0.1362 87.29) 76.6%, oklch(78.64% 0.1330 82.58) 78.7%, oklch(79.74% 0.1270 75.67) 80.9%, oklch(80.72% 0.1188 67.03) 83.0%, oklch(81.58% 0.1089 57.13) 85.1%, oklch(82.34% 0.0979 46.47) 87.2%, oklch(83.01% 0.0864 35.50) 89.4%, oklch(83.61% 0.0749 24.72) 91.5%, oklch(84.13% 0.0641 14.60) 93.6%, oklch(84.61% 0.0546 5.60) 95.7%, oklch(85.04% 0.0468 358.22) 97.9%, oklch(85.43% 0.0413 352.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.079 | 194.8 |
| 2 | 0.354 | 0.04 | 151.4 |
| 3 | 0.52 | 0.015 | 23.6 |
| 4 | 0.764 | 0.136 | 89.1 |
| 5 | 0.854 | 0.041 | -7.1 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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