# Gold deep blue gradient

Brown, blue, tan and gray linear gradient with 48 colors: #a28c48, #9f8e49, #9c904a, #98934d, #939651, #8d9956, #879c5c, #809e62, #78a069, #70a270, #68a277, #61a27d, #5aa082, #539d87, #4c988b, #48928d, #458b8e, #46838d, #477b8b, #487487, #4a6e83, #4a6a7f, #4a677c, #4a677b, #49697c, #486e7e, #477781, #498182, #508c80, #60967a, #789e71, #92a468, #aca763, #c2a963, #d1a966, #d8a86a, #d8a76b, #d1a569, #c5a266, #b59f64, #a29a63, #8e9364, #7c8c65, #6c8467, #607b67, #587266, #536b63, #516661. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, blue, tan and gray linear gradient
- Seed: `kWpENB0x9IT-RSNhI6xPopMg`
- Page: https://grabient.com/kWpENB0x9IT-RSNhI6xPopMg?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.8 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 | `#a28c48` | `oklch(64.57% 0.0923 92.11)` | Ecru Olive | black, 6.3 to 1 |
| 2 | `#9f8e49` | `oklch(64.66% 0.0921 95.60)` | Off the Grid | black, 6.4 to 1 |
| 3 | `#9c904a` | `oklch(64.85% 0.0919 99.96)` | Off the Grid | black, 6.4 to 1 |
| 4 | `#98934d` | `oklch(65.10% 0.0918 105.07)` | Tangy Dill | black, 6.5 to 1 |
| 5 | `#939651` | `oklch(65.39% 0.0917 110.81)` | Salvia Divinorum | black, 6.6 to 1 |
| 6 | `#8d9956` | `oklch(65.69% 0.0915 117.05)` | Totally Broccoli | black, 6.8 to 1 |
| 7 | `#879c5c` | `oklch(65.95% 0.0912 123.67)` | Pine Leaves | black, 6.9 to 1 |
| 8 | `#809e62` | `oklch(66.16% 0.0908 130.54)` | Verdant Serenade | black, 6.9 to 1 |
| 9 | `#78a069` | `oklch(66.27% 0.0902 137.55)` | Frog Hollow | black, 7 to 1 |
| 10 | `#70a270` | `oklch(66.26% 0.0894 144.57)` | Hierba Santa | black, 7 to 1 |
| 11 | `#68a277` | `oklch(66.10% 0.0882 151.47)` | Growth | black, 7 to 1 |
| 12 | `#61a27d` | `oklch(65.75% 0.0868 158.14)` | Plumosa | black, 6.9 to 1 |
| 13 | `#5aa082` | `oklch(65.18% 0.0849 164.52)` | Green Spruce | black, 6.8 to 1 |
| 14 | `#539d87` | `oklch(64.20% 0.0822 171.93)` | Derby Green | black, 6.5 to 1 |
| 15 | `#4c988b` | `oklch(62.81% 0.0787 180.59)` | Crisp Lettuce | black, 6.1 to 1 |
| 16 | `#48928d` | `oklch(61.12% 0.0746 190.03)` | Mirage Lake | black, 5.7 to 1 |
| 17 | `#458b8e` | `oklch(59.25% 0.0701 199.80)` | Blue Chill | black, 5.3 to 1 |
| 18 | `#46838d` | `oklch(57.29% 0.0654 209.45)` | Cape Lee | black, 4.8 to 1 |
| 19 | `#477b8b` | `oklch(55.36% 0.0608 218.53)` | Sky Space | white, 4.6 to 1 |
| 20 | `#487487` | `oklch(53.57% 0.0565 226.58)` | Night Train | white, 5 to 1 |
| 21 | `#4a6e83` | `oklch(52.01% 0.0528 233.15)` | Blue Loneliness | white, 5.4 to 1 |
| 22 | `#4a6a7f` | `oklch(50.80% 0.0497 237.79)` | Eames for Blue | white, 5.7 to 1 |
| 23 | `#4a677c` | `oklch(50.05% 0.0477 240.04)` | Gloomy Sea | white, 5.9 to 1 |
| 24 | `#4a677b` | `oklch(49.85% 0.0468 239.44)` | Gloomy Sea | white, 5.9 to 1 |
| 25 | `#49697c` | `oklch(50.35% 0.0474 235.34)` | Eames for Blue | white, 5.8 to 1 |
| 26 | `#486e7e` | `oklch(51.72% 0.0499 226.53)` | Bismarck | white, 5.4 to 1 |
| 27 | `#477781` | `oklch(53.82% 0.0540 213.67)` | Hydro | white, 4.9 to 1 |
| 28 | `#498182` | `oklch(56.46% 0.0592 197.72)` | Paradiso | black, 4.7 to 1 |
| 29 | `#508c80` | `oklch(59.48% 0.0653 179.63)` | Privet Hedge | black, 5.3 to 1 |
| 30 | `#60967a` | `oklch(62.70% 0.0719 160.35)` | Club Moss | black, 6.1 to 1 |
| 31 | `#789e71` | `oklch(65.95% 0.0784 140.83)` | Amulet | black, 6.9 to 1 |
| 32 | `#92a468` | `oklch(69.04% 0.0846 122.01)` | Banana Palm | black, 7.7 to 1 |
| 33 | `#aca763` | `oklch(71.80% 0.0900 104.86)` | Wholemeal Cookie | black, 8.4 to 1 |
| 34 | `#c2a963` | `oklch(74.06% 0.0943 90.31)` | Slender Stem | black, 9.1 to 1 |
| 35 | `#d1a966` | `oklch(75.64% 0.0971 79.32)` | Ginger Crunch | black, 9.5 to 1 |
| 36 | `#d8a86a` | `oklch(76.35% 0.0980 72.84)` | Ungor Beige | black, 9.7 to 1 |
| 37 | `#d8a76b` | `oklch(76.09% 0.0966 71.42)` | Flower Field | black, 9.6 to 1 |
| 38 | `#d1a569` | `oklch(74.96% 0.0932 74.23)` | Campground | black, 9.3 to 1 |
| 39 | `#c5a266` | `oklch(73.13% 0.0882 80.53)` | Classic Gold | black, 8.7 to 1 |
| 40 | `#b59f64` | `oklch(70.73% 0.0819 89.63)` | Apple Wine | black, 8 to 1 |
| 41 | `#a29a63` | `oklch(67.91% 0.0747 100.81)` | Zandri Dust | black, 7.3 to 1 |
| 42 | `#8e9364` | `oklch(64.84% 0.0669 113.39)` | Green Cast | black, 6.5 to 1 |
| 43 | `#7c8c65` | `oklch(61.65% 0.0588 126.66)` | Crispy Crunch | black, 5.7 to 1 |
| 44 | `#6c8467` | `oklch(58.50% 0.0509 139.91)` | Christmas Holly | black, 5.1 to 1 |
| 45 | `#607b67` | `oklch(55.52% 0.0435 152.45)` | Swanndri | white, 4.6 to 1 |
| 46 | `#587266` | `oklch(52.89% 0.0369 163.57)` | Hilltop | white, 5.2 to 1 |
| 47 | `#536b63` | `oklch(50.73% 0.0314 172.58)` | Green Beret | white, 5.7 to 1 |
| 48 | `#516661` | `oklch(49.21% 0.0276 178.76)` | Armada | white, 6.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #a28c48 0.0%, #9f8e49 2.1%, #9c904a 4.3%, #98934d 6.4%, #939651 8.5%, #8d9956 10.6%, #879c5c 12.8%, #809e62 14.9%, #78a069 17.0%, #70a270 19.1%, #68a277 21.3%, #61a27d 23.4%, #5aa082 25.5%, #539d87 27.7%, #4c988b 29.8%, #48928d 31.9%, #458b8e 34.0%, #46838d 36.2%, #477b8b 38.3%, #487487 40.4%, #4a6e83 42.6%, #4a6a7f 44.7%, #4a677c 46.8%, #4a677b 48.9%, #49697c 51.1%, #486e7e 53.2%, #477781 55.3%, #498182 57.4%, #508c80 59.6%, #60967a 61.7%, #789e71 63.8%, #92a468 66.0%, #aca763 68.1%, #c2a963 70.2%, #d1a966 72.3%, #d8a86a 74.5%, #d8a76b 76.6%, #d1a569 78.7%, #c5a266 80.9%, #b59f64 83.0%, #a29a63 85.1%, #8e9364 87.2%, #7c8c65 89.4%, #6c8467 91.5%, #607b67 93.6%, #587266 95.7%, #536b63 97.9%, #516661 100.0%);
background: linear-gradient(225deg in oklch, oklch(64.57% 0.0923 92.11) 0.0%, oklch(64.66% 0.0921 95.60) 2.1%, oklch(64.85% 0.0919 99.96) 4.3%, oklch(65.10% 0.0918 105.07) 6.4%, oklch(65.39% 0.0917 110.81) 8.5%, oklch(65.69% 0.0915 117.05) 10.6%, oklch(65.95% 0.0912 123.67) 12.8%, oklch(66.16% 0.0908 130.54) 14.9%, oklch(66.27% 0.0902 137.55) 17.0%, oklch(66.26% 0.0894 144.57) 19.1%, oklch(66.10% 0.0882 151.47) 21.3%, oklch(65.75% 0.0868 158.14) 23.4%, oklch(65.18% 0.0849 164.52) 25.5%, oklch(64.20% 0.0822 171.93) 27.7%, oklch(62.81% 0.0787 180.59) 29.8%, oklch(61.12% 0.0746 190.03) 31.9%, oklch(59.25% 0.0701 199.80) 34.0%, oklch(57.29% 0.0654 209.45) 36.2%, oklch(55.36% 0.0608 218.53) 38.3%, oklch(53.57% 0.0565 226.58) 40.4%, oklch(52.01% 0.0528 233.15) 42.6%, oklch(50.80% 0.0497 237.79) 44.7%, oklch(50.05% 0.0477 240.04) 46.8%, oklch(49.85% 0.0468 239.44) 48.9%, oklch(50.35% 0.0474 235.34) 51.1%, oklch(51.72% 0.0499 226.53) 53.2%, oklch(53.82% 0.0540 213.67) 55.3%, oklch(56.46% 0.0592 197.72) 57.4%, oklch(59.48% 0.0653 179.63) 59.6%, oklch(62.70% 0.0719 160.35) 61.7%, oklch(65.95% 0.0784 140.83) 63.8%, oklch(69.04% 0.0846 122.01) 66.0%, oklch(71.80% 0.0900 104.86) 68.1%, oklch(74.06% 0.0943 90.31) 70.2%, oklch(75.64% 0.0971 79.32) 72.3%, oklch(76.35% 0.0980 72.84) 74.5%, oklch(76.09% 0.0966 71.42) 76.6%, oklch(74.96% 0.0932 74.23) 78.7%, oklch(73.13% 0.0882 80.53) 80.9%, oklch(70.73% 0.0819 89.63) 83.0%, oklch(67.91% 0.0747 100.81) 85.1%, oklch(64.84% 0.0669 113.39) 87.2%, oklch(61.65% 0.0588 126.66) 89.4%, oklch(58.50% 0.0509 139.91) 91.5%, oklch(55.52% 0.0435 152.45) 93.6%, oklch(52.89% 0.0369 163.57) 95.7%, oklch(50.73% 0.0314 172.58) 97.9%, oklch(49.21% 0.0276 178.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.646 | 0.092 | 92.1 |
| 2 | 0.654 | 0.085 | 162.9 |
| 3 | 0.5 | 0.047 | 237.9 |
| 4 | 0.764 | 0.098 | 72 |
| 5 | 0.492 | 0.028 | 178.8 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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