# Fawn teal dusk diagonal

Beige, orange, gray and pink linear gradient with 64 colors: #eee1c8, #eee0c4, #eedebf, #efdcb8, #f0dab1, #f1d8a9, #f2d5a0, #f3d297, #f4cf8d, #f5cc83, #f5c979, #f6c56f, #f5c166, #f4be5d, #f3ba55, #f1b64e, #eeb249, #eaad46, #e6a845, #e1a345, #db9d46, #d49748, #cd924b, #c68c4d, #be8750, #b58351, #ad7e53, #a57b54, #9e7855, #977555, #917355, #8c7255, #887255, #847256, #817356, #7e7457, #7c7659, #79785c, #767b5f, #747e63, #718168, #6f846e, #6d8774, #6b8b7b, #6b8e82, #6b908a, #6c9391, #6f9598, #72989f, #779aa6, #7e9dad, #859fb4, #8ea2ba, #98a5c0, #a2a8c5, #acacc9, #b6afcc, #bfb2ce, #c8b6d0, #d0b9d1, #d7bcd1, #ddc0d1, #e2c2d1, #e6c5d1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, orange, gray and pink linear gradient
- Seed: `kW6Bo75jI_UgSvxSD8-7I9Rg`
- Page: https://grabient.com/kW6Bo75jI_UgSvxSD8-7I9Rg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.5 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 | `#eee1c8` | `oklch(91.34% 0.0358 83.67)` | Chic Magnet | black, 16.2 to 1 |
| 2 | `#eee0c4` | `oklch(90.97% 0.0398 83.49)` | Vital Yellow | black, 16 to 1 |
| 3 | `#eedebf` | `oklch(90.56% 0.0452 83.27)` | Golden Haystack | black, 15.8 to 1 |
| 4 | `#efdcb8` | `oklch(90.11% 0.0517 83.03)` | Lantern | black, 15.6 to 1 |
| 5 | `#f0dab1` | `oklch(89.62% 0.0591 82.75)` | Precious | black, 15.3 to 1 |
| 6 | `#f1d8a9` | `oklch(89.09% 0.0672 82.46)` | Bleached Bone | black, 15.1 to 1 |
| 7 | `#f2d5a0` | `oklch(88.51% 0.0757 82.14)` | Peach Patch | black, 14.8 to 1 |
| 8 | `#f3d297` | `oklch(87.89% 0.0845 81.80)` | Beeswing | black, 14.5 to 1 |
| 9 | `#f4cf8d` | `oklch(87.22% 0.0933 81.45)` | Elven Beige | black, 14.1 to 1 |
| 10 | `#f5cc83` | `oklch(86.50% 0.1020 81.08)` | Cherokee | black, 13.8 to 1 |
| 11 | `#f5c979` | `oklch(85.73% 0.1101 80.70)` | Sunday Afternoon | black, 13.4 to 1 |
| 12 | `#f6c56f` | `oklch(84.92% 0.1177 80.30)` | Yellow Currant | black, 13.1 to 1 |
| 13 | `#f5c166` | `oklch(84.05% 0.1244 79.91)` | Hawker’s Gold | black, 12.7 to 1 |
| 14 | `#f4be5d` | `oklch(83.13% 0.1299 79.50)` | Butterfield | black, 12.3 to 1 |
| 15 | `#f3ba55` | `oklch(82.15% 0.1342 79.10)` | Bee | black, 11.9 to 1 |
| 16 | `#f1b64e` | `oklch(81.12% 0.1369 78.69)` | Goldsmith | black, 11.5 to 1 |
| 17 | `#eeb249` | `oklch(80.03% 0.1379 78.27)` | Goldsmith | black, 11 to 1 |
| 18 | `#eaad46` | `oklch(78.77% 0.1370 77.46)` | Brittlebush | black, 10.6 to 1 |
| 19 | `#e6a845` | `oklch(77.33% 0.1346 76.21)` | Brass Mesh | black, 10 to 1 |
| 20 | `#e1a345` | `oklch(75.73% 0.1308 74.62)` | Golden Tiger | black, 9.5 to 1 |
| 21 | `#db9d46` | `oklch(74.01% 0.1259 72.81)` | Solar Fusion | black, 8.9 to 1 |
| 22 | `#d49748` | `oklch(72.21% 0.1199 70.87)` | Georgian Yellow | black, 8.3 to 1 |
| 23 | `#cd924b` | `oklch(70.35% 0.1132 68.93)` | Apple Fritter | black, 7.7 to 1 |
| 24 | `#c68c4d` | `oklch(68.49% 0.1060 67.09)` | Caramel Macchiato | black, 7.2 to 1 |
| 25 | `#be8750` | `oklch(66.63% 0.0984 65.46)` | Rookwood Amber | black, 6.7 to 1 |
| 26 | `#b58351` | `oklch(64.83% 0.0907 64.15)` | Cinnamon Sand | black, 6.3 to 1 |
| 27 | `#ad7e53` | `oklch(63.11% 0.0830 63.26)` | Loquat Brown | black, 5.9 to 1 |
| 28 | `#a57b54` | `oklch(61.51% 0.0756 62.92)` | Burnt Butter | black, 5.5 to 1 |
| 29 | `#9e7855` | `oklch(60.07% 0.0686 63.23)` | Prince Paris | black, 5.2 to 1 |
| 30 | `#977555` | `oklch(58.81% 0.0624 64.29)` | Liver Chestnut | black, 4.9 to 1 |
| 31 | `#917355` | `oklch(57.77% 0.0570 66.23)` | Arrow Creek | black, 4.7 to 1 |
| 32 | `#8c7255` | `oklch(56.98% 0.0527 69.14)` | China Cinnamon | black, 4.6 to 1 |
| 33 | `#887255` | `oklch(56.47% 0.0495 73.12)` | Greyish Yellow | white, 4.5 to 1 |
| 34 | `#847256` | `oklch(56.16% 0.0471 78.13)` | Tantanmen Brown | white, 4.6 to 1 |
| 35 | `#817356` | `oklch(56.04% 0.0452 84.06)` | Becker Gold | white, 4.6 to 1 |
| 36 | `#7e7457` | `oklch(56.08% 0.0437 90.83)` | Becker Gold | white, 4.6 to 1 |
| 37 | `#7c7659` | `oklch(56.27% 0.0427 98.33)` | Kokoda | white, 4.5 to 1 |
| 38 | `#79785c` | `oklch(56.60% 0.0420 106.47)` | Kokoda | black, 4.6 to 1 |
| 39 | `#767b5f` | `oklch(57.05% 0.0416 115.15)` | Limed Ash | black, 4.7 to 1 |
| 40 | `#747e63` | `oklch(57.61% 0.0415 124.27)` | Limed Ash | black, 4.8 to 1 |
| 41 | `#718168` | `oklch(58.27% 0.0416 133.75)` | Cliffside Park | black, 5 to 1 |
| 42 | `#6f846e` | `oklch(59.01% 0.0418 143.48)` | Hibiscus Leaf | black, 5.2 to 1 |
| 43 | `#6d8774` | `oklch(59.81% 0.0421 153.38)` | Thyme and Place | black, 5.3 to 1 |
| 44 | `#6b8b7b` | `oklch(60.67% 0.0424 163.34)` | Sea Monster | black, 5.5 to 1 |
| 45 | `#6b8e82` | `oklch(61.57% 0.0426 173.26)` | Pine Ridge | black, 5.7 to 1 |
| 46 | `#6b908a` | `oklch(62.48% 0.0428 183.06)` | Oil Blue | black, 6 to 1 |
| 47 | `#6c9391` | `oklch(63.41% 0.0429 192.63)` | Pool Tide | black, 6.2 to 1 |
| 48 | `#6f9598` | `oklch(64.34% 0.0428 201.89)` | Baltic Blue | black, 6.4 to 1 |
| 49 | `#72989f` | `oklch(65.30% 0.0425 211.06)` | Alexandrite Teal | black, 6.6 to 1 |
| 50 | `#779aa6` | `oklch(66.43% 0.0423 220.82)` | Palace Intrigue | black, 6.9 to 1 |
| 51 | `#7e9dad` | `oklch(67.70% 0.0420 231.09)` | Yacht Harbour | black, 7.2 to 1 |
| 52 | `#859fb4` | `oklch(69.09% 0.0419 241.74)` | Lake Okoboji | black, 7.6 to 1 |
| 53 | `#8ea2ba` | `oklch(70.57% 0.0418 252.65)` | Sell Out | black, 8 to 1 |
| 54 | `#98a5c0` | `oklch(72.11% 0.0416 263.68)` | Veranda Iris | black, 8.4 to 1 |
| 55 | `#a2a8c5` | `oklch(73.70% 0.0416 274.71)` | Wisteria Light Soft Blue | black, 8.9 to 1 |
| 56 | `#acacc9` | `oklch(75.29% 0.0415 285.62)` | Cosmic Sky | black, 9.4 to 1 |
| 57 | `#b6afcc` | `oklch(76.88% 0.0415 296.27)` | Lavender Dream | black, 9.9 to 1 |
| 58 | `#bfb2ce` | `oklch(78.42% 0.0415 306.55)` | Frosted Orchid | black, 10.5 to 1 |
| 59 | `#c8b6d0` | `oklch(79.91% 0.0414 316.31)` | Sweet Scent | black, 11 to 1 |
| 60 | `#d0b9d1` | `oklch(81.30% 0.0414 325.45)` | Liberace | black, 11.5 to 1 |
| 61 | `#d7bcd1` | `oklch(82.57% 0.0414 333.83)` | Sunday Gloves | black, 12 to 1 |
| 62 | `#ddc0d1` | `oklch(83.70% 0.0414 341.32)` | Lilac Snow | black, 12.5 to 1 |
| 63 | `#e2c2d1` | `oklch(84.66% 0.0414 347.80)` | In the Slip | black, 12.9 to 1 |
| 64 | `#e6c5d1` | `oklch(85.43% 0.0413 353.14)` | Light Blush | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #eee1c8 0.0%, #eee0c4 1.6%, #eedebf 3.2%, #efdcb8 4.8%, #f0dab1 6.3%, #f1d8a9 7.9%, #f2d5a0 9.5%, #f3d297 11.1%, #f4cf8d 12.7%, #f5cc83 14.3%, #f5c979 15.9%, #f6c56f 17.5%, #f5c166 19.0%, #f4be5d 20.6%, #f3ba55 22.2%, #f1b64e 23.8%, #eeb249 25.4%, #eaad46 27.0%, #e6a845 28.6%, #e1a345 30.2%, #db9d46 31.7%, #d49748 33.3%, #cd924b 34.9%, #c68c4d 36.5%, #be8750 38.1%, #b58351 39.7%, #ad7e53 41.3%, #a57b54 42.9%, #9e7855 44.4%, #977555 46.0%, #917355 47.6%, #8c7255 49.2%, #887255 50.8%, #847256 52.4%, #817356 54.0%, #7e7457 55.6%, #7c7659 57.1%, #79785c 58.7%, #767b5f 60.3%, #747e63 61.9%, #718168 63.5%, #6f846e 65.1%, #6d8774 66.7%, #6b8b7b 68.3%, #6b8e82 69.8%, #6b908a 71.4%, #6c9391 73.0%, #6f9598 74.6%, #72989f 76.2%, #779aa6 77.8%, #7e9dad 79.4%, #859fb4 81.0%, #8ea2ba 82.5%, #98a5c0 84.1%, #a2a8c5 85.7%, #acacc9 87.3%, #b6afcc 88.9%, #bfb2ce 90.5%, #c8b6d0 92.1%, #d0b9d1 93.7%, #d7bcd1 95.2%, #ddc0d1 96.8%, #e2c2d1 98.4%, #e6c5d1 100.0%);
background: linear-gradient(135deg in oklch, oklch(91.34% 0.0358 83.67) 0.0%, oklch(90.97% 0.0398 83.49) 1.6%, oklch(90.56% 0.0452 83.27) 3.2%, oklch(90.11% 0.0517 83.03) 4.8%, oklch(89.62% 0.0591 82.75) 6.3%, oklch(89.09% 0.0672 82.46) 7.9%, oklch(88.51% 0.0757 82.14) 9.5%, oklch(87.89% 0.0845 81.80) 11.1%, oklch(87.22% 0.0933 81.45) 12.7%, oklch(86.50% 0.1020 81.08) 14.3%, oklch(85.73% 0.1101 80.70) 15.9%, oklch(84.92% 0.1177 80.30) 17.5%, oklch(84.05% 0.1244 79.91) 19.0%, oklch(83.13% 0.1299 79.50) 20.6%, oklch(82.15% 0.1342 79.10) 22.2%, oklch(81.12% 0.1369 78.69) 23.8%, oklch(80.03% 0.1379 78.27) 25.4%, oklch(78.77% 0.1370 77.46) 27.0%, oklch(77.33% 0.1346 76.21) 28.6%, oklch(75.73% 0.1308 74.62) 30.2%, oklch(74.01% 0.1259 72.81) 31.7%, oklch(72.21% 0.1199 70.87) 33.3%, oklch(70.35% 0.1132 68.93) 34.9%, oklch(68.49% 0.1060 67.09) 36.5%, oklch(66.63% 0.0984 65.46) 38.1%, oklch(64.83% 0.0907 64.15) 39.7%, oklch(63.11% 0.0830 63.26) 41.3%, oklch(61.51% 0.0756 62.92) 42.9%, oklch(60.07% 0.0686 63.23) 44.4%, oklch(58.81% 0.0624 64.29) 46.0%, oklch(57.77% 0.0570 66.23) 47.6%, oklch(56.98% 0.0527 69.14) 49.2%, oklch(56.47% 0.0495 73.12) 50.8%, oklch(56.16% 0.0471 78.13) 52.4%, oklch(56.04% 0.0452 84.06) 54.0%, oklch(56.08% 0.0437 90.83) 55.6%, oklch(56.27% 0.0427 98.33) 57.1%, oklch(56.60% 0.0420 106.47) 58.7%, oklch(57.05% 0.0416 115.15) 60.3%, oklch(57.61% 0.0415 124.27) 61.9%, oklch(58.27% 0.0416 133.75) 63.5%, oklch(59.01% 0.0418 143.48) 65.1%, oklch(59.81% 0.0421 153.38) 66.7%, oklch(60.67% 0.0424 163.34) 68.3%, oklch(61.57% 0.0426 173.26) 69.8%, oklch(62.48% 0.0428 183.06) 71.4%, oklch(63.41% 0.0429 192.63) 73.0%, oklch(64.34% 0.0428 201.89) 74.6%, oklch(65.30% 0.0425 211.06) 76.2%, oklch(66.43% 0.0423 220.82) 77.8%, oklch(67.70% 0.0420 231.09) 79.4%, oklch(69.09% 0.0419 241.74) 81.0%, oklch(70.57% 0.0418 252.65) 82.5%, oklch(72.11% 0.0416 263.68) 84.1%, oklch(73.70% 0.0416 274.71) 85.7%, oklch(75.29% 0.0415 285.62) 87.3%, oklch(76.88% 0.0415 296.27) 88.9%, oklch(78.42% 0.0415 306.55) 90.5%, oklch(79.91% 0.0414 316.31) 92.1%, oklch(81.30% 0.0414 325.45) 93.7%, oklch(82.57% 0.0414 333.83) 95.2%, oklch(83.70% 0.0414 341.32) 96.8%, oklch(84.66% 0.0414 347.80) 98.4%, oklch(85.43% 0.0413 353.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.036 | 83.7 |
| 2 | 0.803 | 0.138 | 78.4 |
| 3 | 0.567 | 0.051 | 71 |
| 4 | 0.646 | 0.043 | 204.1 |
| 5 | 0.854 | 0.041 | 353.1 |

## In these collections

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

## Other forms

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