# Cream amber teal diagonal

Tritone tan, green and blue linear gradient with 56 colors: #d4b05d, #d5b05e, #d6b160, #d7b261, #d9b364, #dbb566, #deb669, #e0b86c, #e3ba6f, #e5bc72, #e8bd76, #ebbf79, #edc17c, #f0c380, #f2c583, #f4c786, #f6c988, #f7ca8b, #f9cc8d, #f9cd8f, #face90, #facf91, #f9d092, #f8d192, #f6d191, #f4d190, #f0d08f, #ecd08d, #e7cf8a, #e1cd87, #d9cb84, #d0c981, #c5c77e, #bac47c, #adc17a, #9fbd79, #90b979, #80b57a, #6fb07b, #5cab7e, #48a580, #329f83, #109886, #009088, #008888, #008088, #007887, #007086, #006984, #006283, #005c83, #005583, #004f84, #004986, #084486, #123f84. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone tan, green and blue linear gradient
- Seed: `kSxFA9baFATCt1A`
- Page: https://grabient.com/kSxFA9baFATCt1A?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light to dark, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.9 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 | `#d4b05d` | `oklch(77.17% 0.1102 85.78)` | Sell Gold | black, 10.1 to 1 |
| 2 | `#d5b05e` | `oklch(77.38% 0.1098 85.74)` | Sell Gold | black, 10.2 to 1 |
| 3 | `#d6b160` | `oklch(77.68% 0.1093 85.50)` | Dylan Velvet | black, 10.3 to 1 |
| 4 | `#d7b261` | `oklch(78.06% 0.1087 85.10)` | Equator | black, 10.4 to 1 |
| 5 | `#d9b364` | `oklch(78.52% 0.1080 84.56)` | Equator | black, 10.6 to 1 |
| 6 | `#dbb566` | `oklch(79.03% 0.1072 83.91)` | Burst of Gold | black, 10.8 to 1 |
| 7 | `#deb669` | `oklch(79.60% 0.1063 83.15)` | English Custard | black, 11 to 1 |
| 8 | `#e0b86c` | `oklch(80.21% 0.1054 82.33)` | English Custard | black, 11.2 to 1 |
| 9 | `#e3ba6f` | `oklch(80.85% 0.1044 81.46)` | Cloudy Honey | black, 11.4 to 1 |
| 10 | `#e5bc72` | `oklch(81.51% 0.1034 80.57)` | Cloudy Sunset | black, 11.7 to 1 |
| 11 | `#e8bd76` | `oklch(82.19% 0.1024 79.68)` | Deserted Path | black, 12 to 1 |
| 12 | `#ebbf79` | `oklch(82.88% 0.1013 78.81)` | Delightful Moon | black, 12.2 to 1 |
| 13 | `#edc17c` | `oklch(83.55% 0.1003 77.99)` | Wild Bamboo | black, 12.5 to 1 |
| 14 | `#f0c380` | `oklch(84.21% 0.0992 77.23)` | Polenta | black, 12.8 to 1 |
| 15 | `#f2c583` | `oklch(84.85% 0.0982 76.58)` | Sunset in Italy | black, 13 to 1 |
| 16 | `#f4c786` | `oklch(85.45% 0.0972 76.04)` | Beacon Yellow | black, 13.3 to 1 |
| 17 | `#f6c988` | `oklch(86.01% 0.0962 75.65)` | Elf Cream | black, 13.5 to 1 |
| 18 | `#f7ca8b` | `oklch(86.52% 0.0953 75.42)` | Elf Cream | black, 13.8 to 1 |
| 19 | `#f9cc8d` | `oklch(86.96% 0.0944 75.38)` | Elven Beige | black, 14 to 1 |
| 20 | `#f9cd8f` | `oklch(87.33% 0.0936 75.55)` | Puff Pastry Yellow | black, 14.1 to 1 |
| 21 | `#face90` | `oklch(87.62% 0.0929 75.96)` | Goldenrod Yellow | black, 14.3 to 1 |
| 22 | `#facf91` | `oklch(87.82% 0.0922 76.63)` | Maple Elixir | black, 14.4 to 1 |
| 23 | `#f9d092` | `oklch(87.92% 0.0917 77.58)` | Maple Elixir | black, 14.4 to 1 |
| 24 | `#f8d192` | `oklch(87.90% 0.0912 78.84)` | Maple Elixir | black, 14.4 to 1 |
| 25 | `#f6d191` | `oklch(87.77% 0.0909 80.43)` | Maple Elixir | black, 14.4 to 1 |
| 26 | `#f4d190` | `oklch(87.51% 0.0908 82.38)` | Maple Elixir | black, 14.3 to 1 |
| 27 | `#f0d08f` | `oklch(87.11% 0.0907 84.70)` | Warm Glow | black, 14.1 to 1 |
| 28 | `#ecd08d` | `oklch(86.55% 0.0908 87.43)` | Sundress | black, 13.9 to 1 |
| 29 | `#e7cf8a` | `oklch(85.84% 0.0911 90.61)` | Alchemy | black, 13.6 to 1 |
| 30 | `#e1cd87` | `oklch(84.92% 0.0916 94.40)` | Master Key | black, 13.2 to 1 |
| 31 | `#d9cb84` | `oklch(83.82% 0.0922 98.79)` | Hay Day | black, 12.8 to 1 |
| 32 | `#d0c981` | `oklch(82.53% 0.0930 103.72)` | Serene Scene | black, 12.3 to 1 |
| 33 | `#c5c77e` | `oklch(81.09% 0.0939 109.14)` | Soda Pop | black, 11.8 to 1 |
| 34 | `#bac47c` | `oklch(79.50% 0.0949 115.02)` | Everglade Glen | black, 11.2 to 1 |
| 35 | `#adc17a` | `oklch(77.78% 0.0961 121.29)` | Lavish Lime | black, 10.6 to 1 |
| 36 | `#9fbd79` | `oklch(75.94% 0.0974 127.91)` | Gleeful | black, 10 to 1 |
| 37 | `#90b979` | `oklch(74.00% 0.0988 134.84)` | Prime Merchandise | black, 9.4 to 1 |
| 38 | `#80b57a` | `oklch(71.98% 0.1002 142.02)` | Joshua Tree | black, 8.7 to 1 |
| 39 | `#6fb07b` | `oklch(69.88% 0.1017 149.40)` | Pale Green | black, 8.1 to 1 |
| 40 | `#5cab7e` | `oklch(67.73% 0.1033 156.94)` | Green Tourmaline | black, 7.5 to 1 |
| 41 | `#48a580` | `oklch(65.54% 0.1049 164.58)` | Shamrock Green | black, 6.9 to 1 |
| 42 | `#329f83` | `oklch(63.33% 0.1066 172.29)` | Gossamer | black, 6.4 to 1 |
| 43 | `#109886` | `oklch(61.10% 0.1082 180.00)` | Plumage | black, 5.8 to 1 |
| 44 | `#009088` | `oklch(58.88% 0.1025 187.68)` | Nifty Turquoise | black, 5.3 to 1 |
| 45 | `#008888` | `oklch(56.69% 0.0967 195.27)` | Green Moblin | black, 4.8 to 1 |
| 46 | `#008088` | `oklch(54.52% 0.0928 202.73)` | Go Alpha | white, 4.7 to 1 |
| 47 | `#007887` | `oklch(52.41% 0.0906 210.00)` | Biscay Bay | white, 5.2 to 1 |
| 48 | `#007086` | `oklch(50.37% 0.0900 217.04)` | Amalfi | white, 5.7 to 1 |
| 49 | `#006984` | `oklch(48.40% 0.0908 223.81)` | Ansel | white, 6.2 to 1 |
| 50 | `#006283` | `oklch(46.53% 0.0930 230.24)` | Blue League | white, 6.8 to 1 |
| 51 | `#005c83` | `oklch(44.78% 0.0967 236.29)` | Whale’s Tale | white, 7.3 to 1 |
| 52 | `#005583` | `oklch(43.15% 0.1022 241.91)` | Grand Bleu | white, 7.9 to 1 |
| 53 | `#004f84` | `oklch(41.66% 0.1097 247.05)` | Snorkel Blue | white, 8.5 to 1 |
| 54 | `#004986` | `oklch(40.33% 0.1195 251.67)` | Lady of the Night | white, 9.1 to 1 |
| 55 | `#084486` | `oklch(39.16% 0.1247 255.67)` | Pacific Depths | white, 9.6 to 1 |
| 56 | `#123f84` | `oklch(38.19% 0.1254 259.09)` | Bracing Blue | white, 10 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d4b05d 0.0%, #d5b05e 1.8%, #d6b160 3.6%, #d7b261 5.5%, #d9b364 7.3%, #dbb566 9.1%, #deb669 10.9%, #e0b86c 12.7%, #e3ba6f 14.5%, #e5bc72 16.4%, #e8bd76 18.2%, #ebbf79 20.0%, #edc17c 21.8%, #f0c380 23.6%, #f2c583 25.5%, #f4c786 27.3%, #f6c988 29.1%, #f7ca8b 30.9%, #f9cc8d 32.7%, #f9cd8f 34.5%, #face90 36.4%, #facf91 38.2%, #f9d092 40.0%, #f8d192 41.8%, #f6d191 43.6%, #f4d190 45.5%, #f0d08f 47.3%, #ecd08d 49.1%, #e7cf8a 50.9%, #e1cd87 52.7%, #d9cb84 54.5%, #d0c981 56.4%, #c5c77e 58.2%, #bac47c 60.0%, #adc17a 61.8%, #9fbd79 63.6%, #90b979 65.5%, #80b57a 67.3%, #6fb07b 69.1%, #5cab7e 70.9%, #48a580 72.7%, #329f83 74.5%, #109886 76.4%, #009088 78.2%, #008888 80.0%, #008088 81.8%, #007887 83.6%, #007086 85.5%, #006984 87.3%, #006283 89.1%, #005c83 90.9%, #005583 92.7%, #004f84 94.5%, #004986 96.4%, #084486 98.2%, #123f84 100.0%);
background: linear-gradient(135deg in oklch, oklch(77.17% 0.1102 85.78) 0.0%, oklch(77.38% 0.1098 85.74) 1.8%, oklch(77.68% 0.1093 85.50) 3.6%, oklch(78.06% 0.1087 85.10) 5.5%, oklch(78.52% 0.1080 84.56) 7.3%, oklch(79.03% 0.1072 83.91) 9.1%, oklch(79.60% 0.1063 83.15) 10.9%, oklch(80.21% 0.1054 82.33) 12.7%, oklch(80.85% 0.1044 81.46) 14.5%, oklch(81.51% 0.1034 80.57) 16.4%, oklch(82.19% 0.1024 79.68) 18.2%, oklch(82.88% 0.1013 78.81) 20.0%, oklch(83.55% 0.1003 77.99) 21.8%, oklch(84.21% 0.0992 77.23) 23.6%, oklch(84.85% 0.0982 76.58) 25.5%, oklch(85.45% 0.0972 76.04) 27.3%, oklch(86.01% 0.0962 75.65) 29.1%, oklch(86.52% 0.0953 75.42) 30.9%, oklch(86.96% 0.0944 75.38) 32.7%, oklch(87.33% 0.0936 75.55) 34.5%, oklch(87.62% 0.0929 75.96) 36.4%, oklch(87.82% 0.0922 76.63) 38.2%, oklch(87.92% 0.0917 77.58) 40.0%, oklch(87.90% 0.0912 78.84) 41.8%, oklch(87.77% 0.0909 80.43) 43.6%, oklch(87.51% 0.0908 82.38) 45.5%, oklch(87.11% 0.0907 84.70) 47.3%, oklch(86.55% 0.0908 87.43) 49.1%, oklch(85.84% 0.0911 90.61) 50.9%, oklch(84.92% 0.0916 94.40) 52.7%, oklch(83.82% 0.0922 98.79) 54.5%, oklch(82.53% 0.0930 103.72) 56.4%, oklch(81.09% 0.0939 109.14) 58.2%, oklch(79.50% 0.0949 115.02) 60.0%, oklch(77.78% 0.0961 121.29) 61.8%, oklch(75.94% 0.0974 127.91) 63.6%, oklch(74.00% 0.0988 134.84) 65.5%, oklch(71.98% 0.1002 142.02) 67.3%, oklch(69.88% 0.1017 149.40) 69.1%, oklch(67.73% 0.1033 156.94) 70.9%, oklch(65.54% 0.1049 164.58) 72.7%, oklch(63.33% 0.1066 172.29) 74.5%, oklch(61.10% 0.1082 180.00) 76.4%, oklch(58.88% 0.1025 187.68) 78.2%, oklch(56.69% 0.0967 195.27) 80.0%, oklch(54.52% 0.0928 202.73) 81.8%, oklch(52.41% 0.0906 210.00) 83.6%, oklch(50.37% 0.0900 217.04) 85.5%, oklch(48.40% 0.0908 223.81) 87.3%, oklch(46.53% 0.0930 230.24) 89.1%, oklch(44.78% 0.0967 236.29) 90.9%, oklch(43.15% 0.1022 241.91) 92.7%, oklch(41.66% 0.1097 247.05) 94.5%, oklch(40.33% 0.1195 251.67) 96.4%, oklch(39.16% 0.1247 255.67) 98.2%, oklch(38.19% 0.1254 259.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.11 | 85.8 |
| 2 | 0.862 | 0.091 | 89 |
| 3 | 0.382 | 0.125 | 259.1 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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