# Gold beech teal layers

Tan to navy linear gradient with 32 colors: #e6d768, #e4d163, #e1c85e, #ddbd58, #d8b153, #d2a54f, #cb9a4b, #c28e47, #b98443, #b17c3e, #a87537, #a06f2f, #986b25, #906917, #876701, #7c6600, #706600, #636500, #546500, #406500, #2a6317, #056025, #005836, #00503d, #004840, #004040, #00383f, #00313d, #002a3b, #0a2435, #0f1f2e, #101b29. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan to navy linear gradient
- Seed: `kU3WFIy6S8DcsSOcC8zg`
- Page: https://grabient.com/kU3WFIy6S8DcsSOcC8zg?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 11.7 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 | `#e6d768` | `oklch(87.01% 0.1337 101.95)` | Kings Yellow | black, 14.3 to 1 |
| 2 | `#e4d163` | `oklch(85.38% 0.1315 99.62)` | Bananarama | black, 13.5 to 1 |
| 3 | `#e1c85e` | `oklch(83.24% 0.1285 96.03)` | Duck Butter | black, 12.5 to 1 |
| 4 | `#ddbd58` | `oklch(80.68% 0.1249 91.58)` | Lemon Surprise | black, 11.5 to 1 |
| 5 | `#d8b153` | `oklch(77.82% 0.1208 86.66)` | Golden Cricket | black, 10.3 to 1 |
| 6 | `#d2a54f` | `oklch(74.76% 0.1165 81.64)` | Royal Gold Pearl | black, 9.2 to 1 |
| 7 | `#cb9a4b` | `oklch(71.61% 0.1123 76.91)` | Gingerbread House | black, 8.2 to 1 |
| 8 | `#c28e47` | `oklch(68.47% 0.1084 72.86)` | Garden Ochre | black, 7.2 to 1 |
| 9 | `#b98443` | `oklch(65.44% 0.1051 69.87)` | Amber Essence | black, 6.4 to 1 |
| 10 | `#b17c3e` | `oklch(62.65% 0.1025 68.33)` | Vintage Lincoln | black, 5.7 to 1 |
| 11 | `#a87537` | `oklch(60.18% 0.1009 68.62)` | Enchanting Ginger | black, 5.2 to 1 |
| 12 | `#a06f2f` | `oklch(58.10% 0.1006 70.96)` | Buttered Rum | black, 4.8 to 1 |
| 13 | `#986b25` | `oklch(56.25% 0.1021 74.92)` | Mandolin | white, 4.6 to 1 |
| 14 | `#906917` | `oklch(54.60% 0.1048 80.26)` | Sassy Olive | white, 4.9 to 1 |
| 15 | `#876701` | `oklch(53.09% 0.1084 86.78)` | Alligator | white, 5.2 to 1 |
| 16 | `#7c6600` | `oklch(51.67% 0.1060 94.25)` | Arousing Alligator | white, 5.5 to 1 |
| 17 | `#706600` | `oklch(50.31% 0.1056 102.52)` | Spicy Mustard | white, 5.8 to 1 |
| 18 | `#636500` | `oklch(48.95% 0.1079 111.36)` | Mud Green | white, 6.1 to 1 |
| 19 | `#546500` | `oklch(47.56% 0.1136 120.56)` | Serrano Pepper | white, 6.4 to 1 |
| 20 | `#406500` | `oklch(46.08% 0.1236 129.90)` | Camouflage Green | white, 6.8 to 1 |
| 21 | `#2a6317` | `oklch(44.47% 0.1229 139.20)` | Woodland Wonder | white, 7.2 to 1 |
| 22 | `#056025` | `oklch(42.69% 0.1200 148.37)` | Jurassic Moss | white, 7.7 to 1 |
| 23 | `#005836` | `oklch(40.67% 0.0942 158.57)` | Permanent Green | white, 8.5 to 1 |
| 24 | `#00503d` | `oklch(38.44% 0.0761 169.95)` | Raspberry Leaf Green | white, 9.4 to 1 |
| 25 | `#004840` | `oklch(36.09% 0.0646 182.08)` | Tropical Forest | white, 10.4 to 1 |
| 26 | `#004040` | `oklch(33.68% 0.0575 194.59)` | Rich Black | white, 11.5 to 1 |
| 27 | `#00383f` | `oklch(31.28% 0.0536 207.09)` | Natural Indigo | white, 12.7 to 1 |
| 28 | `#00313d` | `oklch(28.98% 0.0525 219.17)` | Nordic Noir | white, 13.9 to 1 |
| 29 | `#002a3b` | `oklch(26.83% 0.0537 230.45)` | Murky Depths | white, 15 to 1 |
| 30 | `#0a2435` | `oklch(24.90% 0.0451 240.32)` | Celestial Canvas | white, 15.9 to 1 |
| 31 | `#0f1f2e` | `oklch(23.29% 0.0373 248.74)` | The Count’s Black | white, 16.7 to 1 |
| 32 | `#101b29` | `oklch(22.05% 0.0317 255.18)` | Coarse Wool | white, 17.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e6d768 0.0%, #e4d163 3.2%, #e1c85e 6.5%, #ddbd58 9.7%, #d8b153 12.9%, #d2a54f 16.1%, #cb9a4b 19.4%, #c28e47 22.6%, #b98443 25.8%, #b17c3e 29.0%, #a87537 32.3%, #a06f2f 35.5%, #986b25 38.7%, #906917 41.9%, #876701 45.2%, #7c6600 48.4%, #706600 51.6%, #636500 54.8%, #546500 58.1%, #406500 61.3%, #2a6317 64.5%, #056025 67.7%, #005836 71.0%, #00503d 74.2%, #004840 77.4%, #004040 80.6%, #00383f 83.9%, #00313d 87.1%, #002a3b 90.3%, #0a2435 93.5%, #0f1f2e 96.8%, #101b29 100.0%);
background: linear-gradient(180deg in oklch, oklch(87.01% 0.1337 101.95) 0.0%, oklch(85.38% 0.1315 99.62) 3.2%, oklch(83.24% 0.1285 96.03) 6.5%, oklch(80.68% 0.1249 91.58) 9.7%, oklch(77.82% 0.1208 86.66) 12.9%, oklch(74.76% 0.1165 81.64) 16.1%, oklch(71.61% 0.1123 76.91) 19.4%, oklch(68.47% 0.1084 72.86) 22.6%, oklch(65.44% 0.1051 69.87) 25.8%, oklch(62.65% 0.1025 68.33) 29.0%, oklch(60.18% 0.1009 68.62) 32.3%, oklch(58.10% 0.1006 70.96) 35.5%, oklch(56.25% 0.1021 74.92) 38.7%, oklch(54.60% 0.1048 80.26) 41.9%, oklch(53.09% 0.1084 86.78) 45.2%, oklch(51.67% 0.1060 94.25) 48.4%, oklch(50.31% 0.1056 102.52) 51.6%, oklch(48.95% 0.1079 111.36) 54.8%, oklch(47.56% 0.1136 120.56) 58.1%, oklch(46.08% 0.1236 129.90) 61.3%, oklch(44.47% 0.1229 139.20) 64.5%, oklch(42.69% 0.1200 148.37) 67.7%, oklch(40.67% 0.0942 158.57) 71.0%, oklch(38.44% 0.0761 169.95) 74.2%, oklch(36.09% 0.0646 182.08) 77.4%, oklch(33.68% 0.0575 194.59) 80.6%, oklch(31.28% 0.0536 207.09) 83.9%, oklch(28.98% 0.0525 219.17) 87.1%, oklch(26.83% 0.0537 230.45) 90.3%, oklch(24.90% 0.0451 240.32) 93.5%, oklch(23.29% 0.0373 248.74) 96.8%, oklch(22.05% 0.0317 255.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.134 | 102 |
| 2 | 0.594 | 0.101 | 69.2 |
| 3 | 0.433 | 0.121 | 145.3 |
| 4 | 0.22 | 0.032 | 255.2 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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