# Hop malt cream gradient

Brown, green, tan and navy linear gradient with 56 colors: #251713, #291a14, #2e1e16, #342318, #3a2919, #40301b, #46371e, #4c4021, #504926, #54532c, #575d33, #5a663c, #5c7044, #5f784c, #638054, #68885b, #6f8f61, #789868, #82a06e, #8da774, #99af79, #a4b67e, #b0bc83, #bbc187, #c5c68a, #cdc98d, #d4cb8f, #d9cc90, #dccb8f, #dcc98c, #dbc588, #d8bf82, #d4b97c, #cfb274, #c9aa6c, #c3a164, #bd985b, #b78f52, #b1864b, #ac7c44, #a7733f, #a36a3d, #a0613e, #9b5841, #954f46, #8d474c, #824053, #763a5a, #69365f, #5b3362, #4c3064, #3d2e63, #2f2d60, #212b5c, #142a58, #062953. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, green, tan and navy linear gradient
- Seed: `kWOBIaRxrLmsdO1IorspB-tA`
- Page: https://grabient.com/kWOBIaRxrLmsdO1IorspB-tA?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#251713` | `oklch(22.05% 0.0248 36.56)` | Used Oil | white, 17.3 to 1 |
| 2 | `#291a14` | `oklch(23.46% 0.0269 40.97)` | Tetsu-Guro Black | white, 16.7 to 1 |
| 3 | `#2e1e16` | `oklch(25.22% 0.0296 46.88)` | Weathervane | white, 16 to 1 |
| 4 | `#342318` | `oklch(27.28% 0.0329 54.01)` | Wetlands Swamp | white, 15 to 1 |
| 5 | `#3a2919` | `oklch(29.59% 0.0365 62.09)` | Vanilla Bean Brown | white, 13.9 to 1 |
| 6 | `#40301b` | `oklch(32.10% 0.0405 70.84)` | Iroko | white, 12.7 to 1 |
| 7 | `#46371e` | `oklch(34.77% 0.0447 80.01)` | Clinker | white, 11.4 to 1 |
| 8 | `#4c4021` | `oklch(37.56% 0.0490 89.31)` | Avocado Stone | white, 10.2 to 1 |
| 9 | `#504926` | `oklch(40.41% 0.0533 98.47)` | Codium Fragile | white, 9 to 1 |
| 10 | `#54532c` | `oklch(43.29% 0.0575 107.22)` | Warplock Bronze | white, 7.9 to 1 |
| 11 | `#575d33` | `oklch(46.15% 0.0616 115.29)` | Saratoga | white, 6.9 to 1 |
| 12 | `#5a663c` | `oklch(48.94% 0.0653 122.40)` | Marsh Mix | white, 6.1 to 1 |
| 13 | `#5c7044` | `oklch(51.62% 0.0686 128.30)` | Chalet Green | white, 5.4 to 1 |
| 14 | `#5f784c` | `oklch(54.15% 0.0713 132.69)` | Jolly Green | white, 4.8 to 1 |
| 15 | `#638054` | `oklch(56.48% 0.0735 135.33)` | Glade Green | black, 4.7 to 1 |
| 16 | `#68885b` | `oklch(58.90% 0.0752 136.45)` | Thicket | black, 5.2 to 1 |
| 17 | `#6f8f61` | `oklch(61.48% 0.0764 136.32)` | Four Leaf Clover | black, 5.8 to 1 |
| 18 | `#789868` | `oklch(64.17% 0.0773 135.09)` | Mosslands | black, 6.4 to 1 |
| 19 | `#82a06e` | `oklch(66.91% 0.0779 132.92)` | Purslane | black, 7.1 to 1 |
| 20 | `#8da774` | `oklch(69.63% 0.0783 129.98)` | Moss Candy | black, 7.9 to 1 |
| 21 | `#99af79` | `oklch(72.29% 0.0785 126.42)` | Rural Eyes | black, 8.7 to 1 |
| 22 | `#a4b67e` | `oklch(74.82% 0.0786 122.39)` | Serpentine | black, 9.5 to 1 |
| 23 | `#b0bc83` | `oklch(77.17% 0.0786 118.05)` | Nile | black, 10.3 to 1 |
| 24 | `#bbc187` | `oklch(79.28% 0.0785 113.56)` | Kiss a Frog | black, 11.1 to 1 |
| 25 | `#c5c68a` | `oklch(81.10% 0.0786 109.09)` | Fiddlehead Fern | black, 11.8 to 1 |
| 26 | `#cdc98d` | `oklch(82.55% 0.0787 104.77)` | Creamy Spinaci | black, 12.3 to 1 |
| 27 | `#d4cb8f` | `oklch(83.59% 0.0790 100.78)` | Royal Goblet | black, 12.7 to 1 |
| 28 | `#d9cc90` | `oklch(84.16% 0.0796 97.27)` | Sonoma Chardonnay | black, 12.9 to 1 |
| 29 | `#dccb8f` | `oklch(84.20% 0.0803 94.37)` | Sonoma Chardonnay | black, 12.9 to 1 |
| 30 | `#dcc98c` | `oklch(83.70% 0.0813 92.04)` | Asparagus Yellow | black, 12.7 to 1 |
| 31 | `#dbc588` | `oklch(82.71% 0.0825 90.12)` | Lemon Sorbet Yellow | black, 12.3 to 1 |
| 32 | `#d8bf82` | `oklch(81.30% 0.0838 88.48)` | Vermicelles | black, 11.7 to 1 |
| 33 | `#d4b97c` | `oklch(79.53% 0.0851 86.98)` | Sinking Sand | black, 11 to 1 |
| 34 | `#cfb274` | `oklch(77.46% 0.0865 85.49)` | Indonesian Rattan | black, 10.2 to 1 |
| 35 | `#c9aa6c` | `oklch(75.15% 0.0879 83.86)` | Ginger Ale | black, 9.4 to 1 |
| 36 | `#c3a164` | `oklch(72.67% 0.0893 81.97)` | Magic Lamp | black, 8.6 to 1 |
| 37 | `#bd985b` | `oklch(70.08% 0.0906 79.68)` | Golden Bear | black, 7.8 to 1 |
| 38 | `#b78f52` | `oklch(67.43% 0.0918 76.84)` | Harvest Blessing | black, 7 to 1 |
| 39 | `#b1864b` | `oklch(64.80% 0.0929 73.33)` | Rice Curry | black, 6.3 to 1 |
| 40 | `#ac7c44` | `oklch(62.24% 0.0938 69.00)` | Kaolin | black, 5.7 to 1 |
| 41 | `#a7733f` | `oklch(59.82% 0.0945 63.72)` | Muskelmannbraun | black, 5.1 to 1 |
| 42 | `#a36a3d` | `oklch(57.60% 0.0950 57.36)` | Hot Ginger | black, 4.6 to 1 |
| 43 | `#a0613e` | `oklch(55.52% 0.0952 49.57)` | Desert Soil | white, 4.9 to 1 |
| 44 | `#9b5841` | `oklch(53.30% 0.0951 39.94)` | Etruscan | white, 5.4 to 1 |
| 45 | `#954f46` | `oklch(50.98% 0.0948 28.76)` | Rembrandt Ruby | white, 6 to 1 |
| 46 | `#8d474c` | `oklch(48.58% 0.0943 16.36)` | Rhubarb Smoothie | white, 6.7 to 1 |
| 47 | `#824053` | `oklch(46.15% 0.0936 3.06)` | Sugar Beet | white, 7.4 to 1 |
| 48 | `#763a5a` | `oklch(43.72% 0.0929 349.19)` | Passionate Plum | white, 8.2 to 1 |
| 49 | `#69365f` | `oklch(41.31% 0.0920 335.06)` | Grape | white, 9.1 to 1 |
| 50 | `#5b3362` | `oklch(38.98% 0.0911 320.99)` | Damson Mauve | white, 10 to 1 |
| 51 | `#4c3064` | `oklch(36.75% 0.0902 307.32)` | Petunia | white, 10.9 to 1 |
| 52 | `#3d2e63` | `oklch(34.65% 0.0893 294.35)` | Minsk | white, 11.8 to 1 |
| 53 | `#2f2d60` | `oklch(32.73% 0.0885 282.41)` | Galaxea | white, 12.6 to 1 |
| 54 | `#212b5c` | `oklch(31.01% 0.0878 271.83)` | Ultramarine Violet | white, 13.3 to 1 |
| 55 | `#142a58` | `oklch(29.54% 0.0872 262.92)` | Ultramarine Violet | white, 14 to 1 |
| 56 | `#062953` | `oklch(28.35% 0.0868 256.01)` | Dark Tyrian Blue | white, 14.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #251713 0.0%, #291a14 1.8%, #2e1e16 3.6%, #342318 5.5%, #3a2919 7.3%, #40301b 9.1%, #46371e 10.9%, #4c4021 12.7%, #504926 14.5%, #54532c 16.4%, #575d33 18.2%, #5a663c 20.0%, #5c7044 21.8%, #5f784c 23.6%, #638054 25.5%, #68885b 27.3%, #6f8f61 29.1%, #789868 30.9%, #82a06e 32.7%, #8da774 34.5%, #99af79 36.4%, #a4b67e 38.2%, #b0bc83 40.0%, #bbc187 41.8%, #c5c68a 43.6%, #cdc98d 45.5%, #d4cb8f 47.3%, #d9cc90 49.1%, #dccb8f 50.9%, #dcc98c 52.7%, #dbc588 54.5%, #d8bf82 56.4%, #d4b97c 58.2%, #cfb274 60.0%, #c9aa6c 61.8%, #c3a164 63.6%, #bd985b 65.5%, #b78f52 67.3%, #b1864b 69.1%, #ac7c44 70.9%, #a7733f 72.7%, #a36a3d 74.5%, #a0613e 76.4%, #9b5841 78.2%, #954f46 80.0%, #8d474c 81.8%, #824053 83.6%, #763a5a 85.5%, #69365f 87.3%, #5b3362 89.1%, #4c3064 90.9%, #3d2e63 92.7%, #2f2d60 94.5%, #212b5c 96.4%, #142a58 98.2%, #062953 100.0%);
background: linear-gradient(45deg in oklch, oklch(22.05% 0.0248 36.56) 0.0%, oklch(23.46% 0.0269 40.97) 1.8%, oklch(25.22% 0.0296 46.88) 3.6%, oklch(27.28% 0.0329 54.01) 5.5%, oklch(29.59% 0.0365 62.09) 7.3%, oklch(32.10% 0.0405 70.84) 9.1%, oklch(34.77% 0.0447 80.01) 10.9%, oklch(37.56% 0.0490 89.31) 12.7%, oklch(40.41% 0.0533 98.47) 14.5%, oklch(43.29% 0.0575 107.22) 16.4%, oklch(46.15% 0.0616 115.29) 18.2%, oklch(48.94% 0.0653 122.40) 20.0%, oklch(51.62% 0.0686 128.30) 21.8%, oklch(54.15% 0.0713 132.69) 23.6%, oklch(56.48% 0.0735 135.33) 25.5%, oklch(58.90% 0.0752 136.45) 27.3%, oklch(61.48% 0.0764 136.32) 29.1%, oklch(64.17% 0.0773 135.09) 30.9%, oklch(66.91% 0.0779 132.92) 32.7%, oklch(69.63% 0.0783 129.98) 34.5%, oklch(72.29% 0.0785 126.42) 36.4%, oklch(74.82% 0.0786 122.39) 38.2%, oklch(77.17% 0.0786 118.05) 40.0%, oklch(79.28% 0.0785 113.56) 41.8%, oklch(81.10% 0.0786 109.09) 43.6%, oklch(82.55% 0.0787 104.77) 45.5%, oklch(83.59% 0.0790 100.78) 47.3%, oklch(84.16% 0.0796 97.27) 49.1%, oklch(84.20% 0.0803 94.37) 50.9%, oklch(83.70% 0.0813 92.04) 52.7%, oklch(82.71% 0.0825 90.12) 54.5%, oklch(81.30% 0.0838 88.48) 56.4%, oklch(79.53% 0.0851 86.98) 58.2%, oklch(77.46% 0.0865 85.49) 60.0%, oklch(75.15% 0.0879 83.86) 61.8%, oklch(72.67% 0.0893 81.97) 63.6%, oklch(70.08% 0.0906 79.68) 65.5%, oklch(67.43% 0.0918 76.84) 67.3%, oklch(64.80% 0.0929 73.33) 69.1%, oklch(62.24% 0.0938 69.00) 70.9%, oklch(59.82% 0.0945 63.72) 72.7%, oklch(57.60% 0.0950 57.36) 74.5%, oklch(55.52% 0.0952 49.57) 76.4%, oklch(53.30% 0.0951 39.94) 78.2%, oklch(50.98% 0.0948 28.76) 80.0%, oklch(48.58% 0.0943 16.36) 81.8%, oklch(46.15% 0.0936 3.06) 83.6%, oklch(43.72% 0.0929 349.19) 85.5%, oklch(41.31% 0.0920 335.06) 87.3%, oklch(38.98% 0.0911 320.99) 89.1%, oklch(36.75% 0.0902 307.32) 90.9%, oklch(34.65% 0.0893 294.35) 92.7%, oklch(32.73% 0.0885 282.41) 94.5%, oklch(31.01% 0.0878 271.83) 96.4%, oklch(29.54% 0.0872 262.92) 98.2%, oklch(28.35% 0.0868 256.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.025 | 36.6 |
| 2 | 0.559 | 0.073 | 134.8 |
| 3 | 0.843 | 0.08 | 95.7 |
| 4 | 0.571 | 0.095 | 55.6 |
| 5 | 0.283 | 0.087 | -104 |

## In these collections

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

## Other forms

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