# Amber Grain

Analogous brown and orange linear gradient with 64 colors: #2e2112, #322413, #382815, #3e2d17, #463319, #4e391c, #57401e, #614721, #6b4f24, #765727, #81602a, #8c682d, #97712f, #a17932, #ab8234, #b58936, #be9038, #c6973a, #cd9c3b, #d2a03c, #d7a33d, #daa43d, #dba43d, #dba33d, #daa03c, #d79c3b, #d39739, #cf9238, #c98c37, #c38535, #bc7e34, #b57732, #ad6f30, #a5682e, #9d612d, #955b2b, #8d5429, #864f27, #7f4a25, #794524, #744222, #703f21, #6d3d20, #6b3c1f, #6a3b1f, #693b1e, #693b1e, #693c1e, #6a3d1e, #6a3e1e, #6c401e, #6d421f, #6e441f, #70461f, #724820, #734b21, #754d21, #774f22, #785222, #795423, #7b5624, #7c5724, #7c5825, #7d5925. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous brown and orange linear gradient
- Seed: `kUQhgy37BBDSdPE-nkLA`
- Page: https://grabient.com/kUQhgy37BBDSdPE-nkLA?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#2e2112` | `oklch(25.98% 0.0331 71.02)` | Coffee Grounds | white, 15.6 to 1 |
| 2 | `#322413` | `oklch(27.35% 0.0358 71.31)` | Black Slug | white, 14.9 to 1 |
| 3 | `#382815` | `oklch(29.09% 0.0393 71.72)` | Brown Tumbleweed | white, 14.1 to 1 |
| 4 | `#3e2d17` | `oklch(31.16% 0.0434 72.23)` | Bistre | white, 13.1 to 1 |
| 5 | `#463319` | `oklch(33.51% 0.0480 72.82)` | Clinker | white, 12 to 1 |
| 6 | `#4e391c` | `oklch(36.09% 0.0531 73.49)` | Café Noir | white, 10.9 to 1 |
| 7 | `#57401e` | `oklch(38.88% 0.0586 74.21)` | Smoked Oak Brown | white, 9.7 to 1 |
| 8 | `#614721` | `oklch(41.82% 0.0644 74.97)` | Nightingale | white, 8.6 to 1 |
| 9 | `#6b4f24` | `oklch(44.87% 0.0704 75.75)` | Wagon Train | white, 7.5 to 1 |
| 10 | `#765727` | `oklch(47.99% 0.0766 76.53)` | Lizard Brown | white, 6.6 to 1 |
| 11 | `#81602a` | `oklch(51.14% 0.0828 77.31)` | Sleek Otter | white, 5.7 to 1 |
| 12 | `#8c682d` | `oklch(54.27% 0.0890 78.06)` | Tapenade | white, 5 to 1 |
| 13 | `#97712f` | `oklch(57.34% 0.0952 78.76)` | Mulberry Brown | black, 4.7 to 1 |
| 14 | `#a17932` | `oklch(60.30% 0.1011 79.41)` | Natural Evolution | black, 5.3 to 1 |
| 15 | `#ab8234` | `oklch(63.12% 0.1068 79.98)` | Bronze Leaf | black, 5.9 to 1 |
| 16 | `#b58936` | `oklch(65.76% 0.1121 80.46)` | Brass Yellow | black, 6.6 to 1 |
| 17 | `#be9038` | `oklch(68.16% 0.1170 80.83)` | Arnica | black, 7.2 to 1 |
| 18 | `#c6973a` | `oklch(70.28% 0.1214 81.08)` | Golden Spice | black, 7.8 to 1 |
| 19 | `#cd9c3b` | `oklch(72.10% 0.1252 81.19)` | Ripe Banana | black, 8.3 to 1 |
| 20 | `#d2a03c` | `oklch(73.55% 0.1283 81.15)` | Cremini | black, 8.8 to 1 |
| 21 | `#d7a33d` | `oklch(74.59% 0.1307 80.93)` | Courgette Yellow | black, 9.1 to 1 |
| 22 | `#daa43d` | `oklch(75.20% 0.1323 80.53)` | Scrofulous Brown | black, 9.3 to 1 |
| 23 | `#dba43d` | `oklch(75.33% 0.1330 79.87)` | Scrofulous Brown | black, 9.4 to 1 |
| 24 | `#dba33d` | `oklch(75.04% 0.1330 78.95)` | Yellow Jasper | black, 9.3 to 1 |
| 25 | `#daa03c` | `oklch(74.35% 0.1323 77.78)` | Golden Hamster | black, 9 to 1 |
| 26 | `#d79c3b` | `oklch(73.32% 0.1310 76.39)` | Golden Hamster | black, 8.7 to 1 |
| 27 | `#d39739` | `oklch(71.97% 0.1291 74.82)` | Bugle Call | black, 8.2 to 1 |
| 28 | `#cf9238` | `oklch(70.36% 0.1268 73.10)` | Fuel Yellow | black, 7.8 to 1 |
| 29 | `#c98c37` | `oklch(68.52% 0.1240 71.25)` | Child of the Moon | black, 7.2 to 1 |
| 30 | `#c38535` | `oklch(66.49% 0.1209 69.31)` | Back to School | black, 6.7 to 1 |
| 31 | `#bc7e34` | `oklch(64.31% 0.1176 67.32)` | Autumn Fest | black, 6.1 to 1 |
| 32 | `#b57732` | `oklch(62.02% 0.1140 65.29)` | Fireside Chat | black, 5.6 to 1 |
| 33 | `#ad6f30` | `oklch(59.67% 0.1103 63.27)` | Inca Gold | black, 5.1 to 1 |
| 34 | `#a5682e` | `oklch(57.29% 0.1065 61.28)` | Gallstone Yellow | black, 4.6 to 1 |
| 35 | `#9d612d` | `oklch(54.92% 0.1027 59.35)` | Cathay Spice | white, 5 to 1 |
| 36 | `#955b2b` | `oklch(52.61% 0.0989 57.51)` | Chilli Con Carne | white, 5.5 to 1 |
| 37 | `#8d5429` | `oklch(50.39% 0.0953 55.80)` | Caramel Café | white, 6 to 1 |
| 38 | `#864f27` | `oklch(48.31% 0.0919 54.25)` | Chestnut Glaze | white, 6.6 to 1 |
| 39 | `#7f4a25` | `oklch(46.40% 0.0887 52.88)` | Mummy Brown | white, 7.2 to 1 |
| 40 | `#794524` | `oklch(44.71% 0.0858 51.73)` | Bull Shot | white, 7.7 to 1 |
| 41 | `#744222` | `oklch(43.28% 0.0834 50.82)` | Walnut | white, 8.2 to 1 |
| 42 | `#703f21` | `oklch(42.14% 0.0814 50.20)` | Peruvian Soil | white, 8.6 to 1 |
| 43 | `#6d3d20` | `oklch(41.34% 0.0799 49.88)` | New Amber | white, 8.9 to 1 |
| 44 | `#6b3c1f` | `oklch(40.82% 0.0789 49.88)` | Searing Gorge Brown | white, 9.1 to 1 |
| 45 | `#6a3b1f` | `oklch(40.49% 0.0780 50.15)` | Searing Gorge Brown | white, 9.2 to 1 |
| 46 | `#693b1e` | `oklch(40.34% 0.0774 50.68)` | Searing Gorge Brown | white, 9.3 to 1 |
| 47 | `#693b1e` | `oklch(40.35% 0.0770 51.44)` | Searing Gorge Brown | white, 9.3 to 1 |
| 48 | `#693c1e` | `oklch(40.50% 0.0768 52.39)` | Searing Gorge Brown | white, 9.2 to 1 |
| 49 | `#6a3d1e` | `oklch(40.78% 0.0768 53.53)` | Searing Gorge Brown | white, 9.1 to 1 |
| 50 | `#6a3e1e` | `oklch(41.16% 0.0769 54.81)` | Searing Gorge Brown | white, 8.9 to 1 |
| 51 | `#6c401e` | `oklch(41.65% 0.0771 56.22)` | Semi Sweet Chocolate | white, 8.8 to 1 |
| 52 | `#6d421f` | `oklch(42.21% 0.0774 57.73)` | Kobicha | white, 8.5 to 1 |
| 53 | `#6e441f` | `oklch(42.83% 0.0778 59.31)` | Bunni Brown | white, 8.3 to 1 |
| 54 | `#70461f` | `oklch(43.50% 0.0783 60.94)` | Monks Robe | white, 8.1 to 1 |
| 55 | `#724820` | `oklch(44.20% 0.0788 62.59)` | Vintage Wood | white, 7.8 to 1 |
| 56 | `#734b21` | `oklch(44.91% 0.0794 64.23)` | Vintage Wood | white, 7.6 to 1 |
| 57 | `#754d21` | `oklch(45.63% 0.0799 65.85)` | Trojan Horse Brown | white, 7.3 to 1 |
| 58 | `#774f22` | `oklch(46.32% 0.0805 67.41)` | Trojan Horse Brown | white, 7.1 to 1 |
| 59 | `#785222` | `oklch(46.98% 0.0810 68.89)` | Trojan Horse Brown | white, 6.9 to 1 |
| 60 | `#795423` | `oklch(47.59% 0.0815 70.27)` | Lizard Brown | white, 6.7 to 1 |
| 61 | `#7b5624` | `oklch(48.14% 0.0819 71.51)` | Lizard Brown | white, 6.6 to 1 |
| 62 | `#7c5724` | `oklch(48.60% 0.0823 72.59)` | Lizard Brown | white, 6.4 to 1 |
| 63 | `#7c5825` | `oklch(48.96% 0.0825 73.49)` | Hot Curry | white, 6.3 to 1 |
| 64 | `#7d5925` | `oklch(49.21% 0.0827 74.19)` | Hot Curry | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2e2112 0.0%, #322413 1.6%, #382815 3.2%, #3e2d17 4.8%, #463319 6.3%, #4e391c 7.9%, #57401e 9.5%, #614721 11.1%, #6b4f24 12.7%, #765727 14.3%, #81602a 15.9%, #8c682d 17.5%, #97712f 19.0%, #a17932 20.6%, #ab8234 22.2%, #b58936 23.8%, #be9038 25.4%, #c6973a 27.0%, #cd9c3b 28.6%, #d2a03c 30.2%, #d7a33d 31.7%, #daa43d 33.3%, #dba43d 34.9%, #dba33d 36.5%, #daa03c 38.1%, #d79c3b 39.7%, #d39739 41.3%, #cf9238 42.9%, #c98c37 44.4%, #c38535 46.0%, #bc7e34 47.6%, #b57732 49.2%, #ad6f30 50.8%, #a5682e 52.4%, #9d612d 54.0%, #955b2b 55.6%, #8d5429 57.1%, #864f27 58.7%, #7f4a25 60.3%, #794524 61.9%, #744222 63.5%, #703f21 65.1%, #6d3d20 66.7%, #6b3c1f 68.3%, #6a3b1f 69.8%, #693b1e 71.4%, #693b1e 73.0%, #693c1e 74.6%, #6a3d1e 76.2%, #6a3e1e 77.8%, #6c401e 79.4%, #6d421f 81.0%, #6e441f 82.5%, #70461f 84.1%, #724820 85.7%, #734b21 87.3%, #754d21 88.9%, #774f22 90.5%, #785222 92.1%, #795423 93.7%, #7b5624 95.2%, #7c5724 96.8%, #7c5825 98.4%, #7d5925 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.98% 0.0331 71.02) 0.0%, oklch(27.35% 0.0358 71.31) 1.6%, oklch(29.09% 0.0393 71.72) 3.2%, oklch(31.16% 0.0434 72.23) 4.8%, oklch(33.51% 0.0480 72.82) 6.3%, oklch(36.09% 0.0531 73.49) 7.9%, oklch(38.88% 0.0586 74.21) 9.5%, oklch(41.82% 0.0644 74.97) 11.1%, oklch(44.87% 0.0704 75.75) 12.7%, oklch(47.99% 0.0766 76.53) 14.3%, oklch(51.14% 0.0828 77.31) 15.9%, oklch(54.27% 0.0890 78.06) 17.5%, oklch(57.34% 0.0952 78.76) 19.0%, oklch(60.30% 0.1011 79.41) 20.6%, oklch(63.12% 0.1068 79.98) 22.2%, oklch(65.76% 0.1121 80.46) 23.8%, oklch(68.16% 0.1170 80.83) 25.4%, oklch(70.28% 0.1214 81.08) 27.0%, oklch(72.10% 0.1252 81.19) 28.6%, oklch(73.55% 0.1283 81.15) 30.2%, oklch(74.59% 0.1307 80.93) 31.7%, oklch(75.20% 0.1323 80.53) 33.3%, oklch(75.33% 0.1330 79.87) 34.9%, oklch(75.04% 0.1330 78.95) 36.5%, oklch(74.35% 0.1323 77.78) 38.1%, oklch(73.32% 0.1310 76.39) 39.7%, oklch(71.97% 0.1291 74.82) 41.3%, oklch(70.36% 0.1268 73.10) 42.9%, oklch(68.52% 0.1240 71.25) 44.4%, oklch(66.49% 0.1209 69.31) 46.0%, oklch(64.31% 0.1176 67.32) 47.6%, oklch(62.02% 0.1140 65.29) 49.2%, oklch(59.67% 0.1103 63.27) 50.8%, oklch(57.29% 0.1065 61.28) 52.4%, oklch(54.92% 0.1027 59.35) 54.0%, oklch(52.61% 0.0989 57.51) 55.6%, oklch(50.39% 0.0953 55.80) 57.1%, oklch(48.31% 0.0919 54.25) 58.7%, oklch(46.40% 0.0887 52.88) 60.3%, oklch(44.71% 0.0858 51.73) 61.9%, oklch(43.28% 0.0834 50.82) 63.5%, oklch(42.14% 0.0814 50.20) 65.1%, oklch(41.34% 0.0799 49.88) 66.7%, oklch(40.82% 0.0789 49.88) 68.3%, oklch(40.49% 0.0780 50.15) 69.8%, oklch(40.34% 0.0774 50.68) 71.4%, oklch(40.35% 0.0770 51.44) 73.0%, oklch(40.50% 0.0768 52.39) 74.6%, oklch(40.78% 0.0768 53.53) 76.2%, oklch(41.16% 0.0769 54.81) 77.8%, oklch(41.65% 0.0771 56.22) 79.4%, oklch(42.21% 0.0774 57.73) 81.0%, oklch(42.83% 0.0778 59.31) 82.5%, oklch(43.50% 0.0783 60.94) 84.1%, oklch(44.20% 0.0788 62.59) 85.7%, oklch(44.91% 0.0794 64.23) 87.3%, oklch(45.63% 0.0799 65.85) 88.9%, oklch(46.32% 0.0805 67.41) 90.5%, oklch(46.98% 0.0810 68.89) 92.1%, oklch(47.59% 0.0815 70.27) 93.7%, oklch(48.14% 0.0819 71.51) 95.2%, oklch(48.60% 0.0823 72.59) 96.8%, oklch(48.96% 0.0825 73.49) 98.4%, oklch(49.21% 0.0827 74.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.033 | 71 |
| 2 | 0.752 | 0.132 | 80.5 |
| 3 | 0.413 | 0.08 | 49.9 |
| 4 | 0.492 | 0.083 | 74.2 |

## In these collections

- [Amber beer hall](https://grabient.com/amber-beer-hall)

## Other forms

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