# Cream amber candle diagonal

Teal, beige, brown and tan linear gradient with 64 colors: #76a498, #77a597, #78a696, #7aa894, #7caa92, #7fab90, #82ad8d, #87af8a, #8cb087, #92b284, #98b381, #9fb47e, #a5b57b, #acb77a, #b2b879, #b8b979, #bdba79, #c2bd7c, #c7bf7f, #cdc384, #d1c789, #d6cb8f, #dbcf96, #dfd49c, #e4d8a3, #e7dca8, #ebe0ae, #eee3b2, #f0e5b6, #f1e6b8, #f2e7b9, #f3e6b8, #f2e4b5, #f0e0b0, #eddaa8, #e9d49f, #e4cc95, #e0c389, #dab97d, #d5b070, #cfa664, #ca9c57, #c5934b, #c08a3f, #bc8333, #b87c28, #b5771d, #b37414, #b1730b, #b17405, #b07604, #b17a06, #b17e0e, #b28316, #b3891f, #b39029, #b49632, #b59d3b, #b6a344, #b6a94c, #b7ae53, #b7b35a, #b8b75f, #b8ba63. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, beige, brown and tan linear gradient
- Seed: `kWrSZ94p83vUWvnNrj04ahEg`
- Page: https://grabient.com/kWrSZ94p83vUWvnNrj04ahEg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.1 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 | `#76a498` | `oklch(68.11% 0.0524 176.48)` | Twining Vine | black, 7.5 to 1 |
| 2 | `#77a597` | `oklch(68.44% 0.0536 173.89)` | Twining Vine | black, 7.6 to 1 |
| 3 | `#78a696` | `oklch(68.82% 0.0554 170.60)` | Twining Vine | black, 7.7 to 1 |
| 4 | `#7aa894` | `oklch(69.25% 0.0574 166.71)` | Acapulco | black, 7.8 to 1 |
| 5 | `#7caa92` | `oklch(69.72% 0.0598 162.33)` | Catnip | black, 7.9 to 1 |
| 6 | `#7fab90` | `oklch(70.24% 0.0624 157.54)` | Catnip | black, 8.1 to 1 |
| 7 | `#82ad8d` | `oklch(70.79% 0.0651 152.44)` | Nature Green | black, 8.3 to 1 |
| 8 | `#87af8a` | `oklch(71.38% 0.0679 147.14)` | Shaded Willow | black, 8.5 to 1 |
| 9 | `#8cb087` | `oklch(72.00% 0.0707 141.72)` | Shaded Willow | black, 8.6 to 1 |
| 10 | `#92b284` | `oklch(72.66% 0.0735 136.30)` | Foliage | black, 8.8 to 1 |
| 11 | `#98b381` | `oklch(73.33% 0.0761 130.95)` | Watercolour Green | black, 9.1 to 1 |
| 12 | `#9fb47e` | `oklch(74.03% 0.0786 125.79)` | Death Guard | black, 9.3 to 1 |
| 13 | `#a5b57b` | `oklch(74.75% 0.0807 120.91)` | Serpentine | black, 9.5 to 1 |
| 14 | `#acb77a` | `oklch(75.49% 0.0826 116.40)` | Green Curry | black, 9.7 to 1 |
| 15 | `#b2b879` | `oklch(76.23% 0.0841 112.37)` | Green Curry | black, 10 to 1 |
| 16 | `#b8b979` | `oklch(76.99% 0.0850 108.90)` | Liminal Yellow | black, 10.2 to 1 |
| 17 | `#bdba79` | `oklch(77.76% 0.0855 106.10)` | Ushabti Bone | black, 10.5 to 1 |
| 18 | `#c2bd7c` | `oklch(78.68% 0.0852 103.84)` | Krieg Khaki | black, 10.8 to 1 |
| 19 | `#c7bf7f` | `oklch(79.77% 0.0843 102.02)` | Wheat Grass | black, 11.2 to 1 |
| 20 | `#cdc384` | `oklch(81.00% 0.0828 100.59)` | Winter Hazel | black, 11.7 to 1 |
| 21 | `#d1c789` | `oklch(82.34% 0.0808 99.49)` | Green Apple Martini | black, 12.2 to 1 |
| 22 | `#d6cb8f` | `oklch(83.73% 0.0785 98.68)` | Royal Goblet | black, 12.8 to 1 |
| 23 | `#dbcf96` | `oklch(85.14% 0.0760 98.09)` | Bongo Skin | black, 13.4 to 1 |
| 24 | `#dfd49c` | `oklch(86.53% 0.0734 97.68)` | Twinkle Toes | black, 14 to 1 |
| 25 | `#e4d8a3` | `oklch(87.87% 0.0708 97.40)` | Early Sprout | black, 14.6 to 1 |
| 26 | `#e7dca8` | `oklch(89.11% 0.0682 97.19)` | Green Charm | black, 15.2 to 1 |
| 27 | `#ebe0ae` | `oklch(90.21% 0.0659 97.00)` | Paccheri | black, 15.7 to 1 |
| 28 | `#eee3b2` | `oklch(91.14% 0.0639 96.79)` | Butter Cookie | black, 16.2 to 1 |
| 29 | `#f0e5b6` | `oklch(91.86% 0.0624 96.49)` | Bad Moon Yellow | black, 16.5 to 1 |
| 30 | `#f1e6b8` | `oklch(92.32% 0.0614 96.06)` | Martica | black, 16.7 to 1 |
| 31 | `#f2e7b9` | `oklch(92.50% 0.0610 95.44)` | Menoth White Base | black, 16.8 to 1 |
| 32 | `#f3e6b8` | `oklch(92.34% 0.0615 94.59)` | Martica | black, 16.7 to 1 |
| 33 | `#f2e4b5` | `oklch(91.80% 0.0628 93.45)` | James Blonde | black, 16.5 to 1 |
| 34 | `#f0e0b0` | `oklch(90.75% 0.0651 92.00)` | Cookies and Cream | black, 15.9 to 1 |
| 35 | `#eddaa8` | `oklch(89.26% 0.0682 90.30)` | Studio Cream | black, 15.2 to 1 |
| 36 | `#e9d49f` | `oklch(87.38% 0.0720 88.40)` | Hampton | black, 14.3 to 1 |
| 37 | `#e4cc95` | `oklch(85.20% 0.0765 86.37)` | Abstract | black, 13.3 to 1 |
| 38 | `#e0c389` | `oklch(82.78% 0.0813 84.25)` | Moonlight Yellow | black, 12.3 to 1 |
| 39 | `#dab97d` | `oklch(80.20% 0.0865 82.10)` | Honeymoon | black, 11.2 to 1 |
| 40 | `#d5b070` | `oklch(77.52% 0.0919 79.97)` | New Wheat | black, 10.2 to 1 |
| 41 | `#cfa664` | `oklch(74.81% 0.0974 77.94)` | Burnside | black, 9.2 to 1 |
| 42 | `#ca9c57` | `oklch(72.15% 0.1028 76.04)` | Liddell | black, 8.4 to 1 |
| 43 | `#c5934b` | `oklch(69.61% 0.1079 74.33)` | Narcissus | black, 7.6 to 1 |
| 44 | `#c08a3f` | `oklch(67.26% 0.1128 72.88)` | Peanut Butter | black, 6.9 to 1 |
| 45 | `#bc8333` | `oklch(65.17% 0.1172 71.73)` | Mango Brown | black, 6.3 to 1 |
| 46 | `#b87c28` | `oklch(63.41% 0.1210 70.95)` | Mandalay | black, 5.9 to 1 |
| 47 | `#b5771d` | `oklch(62.05% 0.1241 70.59)` | Sweet Mulled Cider | black, 5.6 to 1 |
| 48 | `#b37414` | `oklch(61.16% 0.1264 70.70)` | Sweet Mulled Cider | black, 5.4 to 1 |
| 49 | `#b1730b` | `oklch(60.78% 0.1277 71.37)` | Philippine Gold | black, 5.3 to 1 |
| 50 | `#b17405` | `oklch(60.80% 0.1284 72.63)` | Philippine Gold | black, 5.3 to 1 |
| 51 | `#b07604` | `oklch(61.18% 0.1285 74.42)` | Philippine Gold | black, 5.4 to 1 |
| 52 | `#b17a06` | `oklch(61.88% 0.1281 76.65)` | Golden Brown | black, 5.6 to 1 |
| 53 | `#b17e0e` | `oklch(62.83% 0.1272 79.26)` | Murder Mustard | black, 5.8 to 1 |
| 54 | `#b28316` | `oklch(63.99% 0.1260 82.15)` | Arrowwood | black, 6.1 to 1 |
| 55 | `#b3891f` | `oklch(65.32% 0.1245 85.26)` | Arrowwood | black, 6.5 to 1 |
| 56 | `#b39029` | `oklch(66.77% 0.1228 88.50)` | Balsam Pear | black, 6.9 to 1 |
| 57 | `#b49632` | `oklch(68.28% 0.1209 91.79)` | Mana | black, 7.3 to 1 |
| 58 | `#b59d3b` | `oklch(69.82% 0.1190 95.07)` | Tiki Torch | black, 7.8 to 1 |
| 59 | `#b6a344` | `oklch(71.33% 0.1171 98.24)` | Sea Squash | black, 8.3 to 1 |
| 60 | `#b6a94c` | `oklch(72.76% 0.1152 101.24)` | Pickled | black, 8.7 to 1 |
| 61 | `#b7ae53` | `oklch(74.07% 0.1135 103.99)` | Dill Green | black, 9.2 to 1 |
| 62 | `#b7b35a` | `oklch(75.20% 0.1121 106.40)` | Hemp Tea | black, 9.6 to 1 |
| 63 | `#b8b75f` | `oklch(76.12% 0.1110 108.40)` | Columbian Gold | black, 9.9 to 1 |
| 64 | `#b8ba63` | `oklch(76.77% 0.1102 109.91)` | Citrus Peel | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #76a498 0.0%, #77a597 1.6%, #78a696 3.2%, #7aa894 4.8%, #7caa92 6.3%, #7fab90 7.9%, #82ad8d 9.5%, #87af8a 11.1%, #8cb087 12.7%, #92b284 14.3%, #98b381 15.9%, #9fb47e 17.5%, #a5b57b 19.0%, #acb77a 20.6%, #b2b879 22.2%, #b8b979 23.8%, #bdba79 25.4%, #c2bd7c 27.0%, #c7bf7f 28.6%, #cdc384 30.2%, #d1c789 31.7%, #d6cb8f 33.3%, #dbcf96 34.9%, #dfd49c 36.5%, #e4d8a3 38.1%, #e7dca8 39.7%, #ebe0ae 41.3%, #eee3b2 42.9%, #f0e5b6 44.4%, #f1e6b8 46.0%, #f2e7b9 47.6%, #f3e6b8 49.2%, #f2e4b5 50.8%, #f0e0b0 52.4%, #eddaa8 54.0%, #e9d49f 55.6%, #e4cc95 57.1%, #e0c389 58.7%, #dab97d 60.3%, #d5b070 61.9%, #cfa664 63.5%, #ca9c57 65.1%, #c5934b 66.7%, #c08a3f 68.3%, #bc8333 69.8%, #b87c28 71.4%, #b5771d 73.0%, #b37414 74.6%, #b1730b 76.2%, #b17405 77.8%, #b07604 79.4%, #b17a06 81.0%, #b17e0e 82.5%, #b28316 84.1%, #b3891f 85.7%, #b39029 87.3%, #b49632 88.9%, #b59d3b 90.5%, #b6a344 92.1%, #b6a94c 93.7%, #b7ae53 95.2%, #b7b35a 96.8%, #b8b75f 98.4%, #b8ba63 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.11% 0.0524 176.48) 0.0%, oklch(68.44% 0.0536 173.89) 1.6%, oklch(68.82% 0.0554 170.60) 3.2%, oklch(69.25% 0.0574 166.71) 4.8%, oklch(69.72% 0.0598 162.33) 6.3%, oklch(70.24% 0.0624 157.54) 7.9%, oklch(70.79% 0.0651 152.44) 9.5%, oklch(71.38% 0.0679 147.14) 11.1%, oklch(72.00% 0.0707 141.72) 12.7%, oklch(72.66% 0.0735 136.30) 14.3%, oklch(73.33% 0.0761 130.95) 15.9%, oklch(74.03% 0.0786 125.79) 17.5%, oklch(74.75% 0.0807 120.91) 19.0%, oklch(75.49% 0.0826 116.40) 20.6%, oklch(76.23% 0.0841 112.37) 22.2%, oklch(76.99% 0.0850 108.90) 23.8%, oklch(77.76% 0.0855 106.10) 25.4%, oklch(78.68% 0.0852 103.84) 27.0%, oklch(79.77% 0.0843 102.02) 28.6%, oklch(81.00% 0.0828 100.59) 30.2%, oklch(82.34% 0.0808 99.49) 31.7%, oklch(83.73% 0.0785 98.68) 33.3%, oklch(85.14% 0.0760 98.09) 34.9%, oklch(86.53% 0.0734 97.68) 36.5%, oklch(87.87% 0.0708 97.40) 38.1%, oklch(89.11% 0.0682 97.19) 39.7%, oklch(90.21% 0.0659 97.00) 41.3%, oklch(91.14% 0.0639 96.79) 42.9%, oklch(91.86% 0.0624 96.49) 44.4%, oklch(92.32% 0.0614 96.06) 46.0%, oklch(92.50% 0.0610 95.44) 47.6%, oklch(92.34% 0.0615 94.59) 49.2%, oklch(91.80% 0.0628 93.45) 50.8%, oklch(90.75% 0.0651 92.00) 52.4%, oklch(89.26% 0.0682 90.30) 54.0%, oklch(87.38% 0.0720 88.40) 55.6%, oklch(85.20% 0.0765 86.37) 57.1%, oklch(82.78% 0.0813 84.25) 58.7%, oklch(80.20% 0.0865 82.10) 60.3%, oklch(77.52% 0.0919 79.97) 61.9%, oklch(74.81% 0.0974 77.94) 63.5%, oklch(72.15% 0.1028 76.04) 65.1%, oklch(69.61% 0.1079 74.33) 66.7%, oklch(67.26% 0.1128 72.88) 68.3%, oklch(65.17% 0.1172 71.73) 69.8%, oklch(63.41% 0.1210 70.95) 71.4%, oklch(62.05% 0.1241 70.59) 73.0%, oklch(61.16% 0.1264 70.70) 74.6%, oklch(60.78% 0.1277 71.37) 76.2%, oklch(60.80% 0.1284 72.63) 77.8%, oklch(61.18% 0.1285 74.42) 79.4%, oklch(61.88% 0.1281 76.65) 81.0%, oklch(62.83% 0.1272 79.26) 82.5%, oklch(63.99% 0.1260 82.15) 84.1%, oklch(65.32% 0.1245 85.26) 85.7%, oklch(66.77% 0.1228 88.50) 87.3%, oklch(68.28% 0.1209 91.79) 88.9%, oklch(69.82% 0.1190 95.07) 90.5%, oklch(71.33% 0.1171 98.24) 92.1%, oklch(72.76% 0.1152 101.24) 93.7%, oklch(74.07% 0.1135 103.99) 95.2%, oklch(75.20% 0.1121 106.40) 96.8%, oklch(76.12% 0.1110 108.40) 98.4%, oklch(76.77% 0.1102 109.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.052 | 176.5 |
| 2 | 0.776 | 0.085 | 106.7 |
| 3 | 0.921 | 0.062 | 94.1 |
| 4 | 0.61 | 0.127 | 70.8 |
| 5 | 0.768 | 0.11 | 109.9 |

## In these collections

- [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner)

## Other forms

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