# Brass Bowl in Shade

A diagonal gradient begins in dark walnut brown, warms steadily through bronze and burnished brass, then cools through olive into deep leaf green. The broad amber center suggests a reflective brass vessel, while the green corner supplies a botanical counterweight for still-life backgrounds, menus, packaging, or editorial panels.

- Also called: Brown, tan and gray linear gradient
- Seed: `kWSBMkvBZAk0hQLapsGwA1Kw`
- Page: https://grabient.com/kWSBMkvBZAk0hQLapsGwA1Kw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.6 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 | `#34261e` | `oklch(28.35% 0.0262 51.33)` | Cocoa Brown | white, 14.5 to 1 |
| 2 | `#3a2a20` | `oklch(29.90% 0.0290 51.74)` | Tree House | white, 13.7 to 1 |
| 3 | `#402e23` | `oklch(32.02% 0.0327 52.29)` | After Eight | white, 12.7 to 1 |
| 4 | `#493427` | `oklch(34.54% 0.0372 52.94)` | Sepia Brown | white, 11.6 to 1 |
| 5 | `#523b2b` | `oklch(37.31% 0.0421 53.67)` | Bonanza | white, 10.4 to 1 |
| 6 | `#5c412f` | `oklch(40.18% 0.0473 54.44)` | Pitch Mary Brown | white, 9.2 to 1 |
| 7 | `#664833` | `oklch(42.98% 0.0525 55.24)` | Buckeye | white, 8.2 to 1 |
| 8 | `#704e37` | `oklch(45.55% 0.0573 56.04)` | Coffee | white, 7.3 to 1 |
| 9 | `#78543a` | `oklch(47.76% 0.0617 56.80)` | Pheasant Brown | white, 6.7 to 1 |
| 10 | `#7f593c` | `oklch(49.75% 0.0659 57.48)` | Château Mantle | white, 6.1 to 1 |
| 11 | `#865e3e` | `oklch(51.62% 0.0702 58.12)` | Artisan Tile | white, 5.7 to 1 |
| 12 | `#8d6240` | `oklch(53.39% 0.0744 58.76)` | Caramel Latte | white, 5.3 to 1 |
| 13 | `#946641` | `oklch(55.08% 0.0785 59.46)` | Antiquarian Brown | white, 4.9 to 1 |
| 14 | `#9a6b42` | `oklch(56.71% 0.0824 60.24)` | Must Love Dogs | white, 4.6 to 1 |
| 15 | `#a06f44` | `oklch(58.30% 0.0861 61.18)` | Desert Clay | black, 4.8 to 1 |
| 16 | `#a67345` | `oklch(59.85% 0.0894 62.30)` | Muskelmannbraun | black, 5.1 to 1 |
| 17 | `#ac7846` | `oklch(61.45% 0.0925 63.52)` | Blonde Wood | black, 5.5 to 1 |
| 18 | `#b37d48` | `oklch(63.34% 0.0961 64.12)` | Caramel Sauce | black, 5.9 to 1 |
| 19 | `#bb834b` | `oklch(65.37% 0.1000 64.38)` | Arrakis Spice | black, 6.4 to 1 |
| 20 | `#c2884e` | `oklch(67.38% 0.1036 64.75)` | Toffee Tart | black, 6.9 to 1 |
| 21 | `#c98e50` | `oklch(69.17% 0.1066 65.66)` | Slightly Golden | black, 7.4 to 1 |
| 22 | `#cd9351` | `oklch(70.56% 0.1084 67.56)` | Apple Fritter | black, 7.8 to 1 |
| 23 | `#cd9651` | `oklch(71.36% 0.1087 70.89)` | Bengal | black, 8.1 to 1 |
| 24 | `#c99951` | `oklch(71.39% 0.1069 76.10)` | Gingerbread House | black, 8.1 to 1 |
| 25 | `#be9a50` | `oklch(70.40% 0.1024 83.99)` | Tangy Green | black, 7.9 to 1 |
| 26 | `#ab9951` | `oklch(68.27% 0.0946 95.10)` | Burnished Gold | black, 7.3 to 1 |
| 27 | `#959456` | `oklch(65.33% 0.0846 108.41)` | Tansy Green | black, 6.6 to 1 |
| 28 | `#7e8d5b` | `oklch(61.93% 0.0734 122.82)` | Moss Point Green | black, 5.8 to 1 |
| 29 | `#6a8460` | `oklch(58.40% 0.0618 137.24)` | Bladerunner | black, 5.1 to 1 |
| 30 | `#5c7b62` | `oklch(55.07% 0.0511 150.58)` | Korean Mint | white, 4.7 to 1 |
| 31 | `#547262` | `oklch(52.29% 0.0421 161.76)` | High Tea Green | white, 5.3 to 1 |
| 32 | `#506b61` | `oklch(50.39% 0.0358 169.68)` | Green Beret | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #34261e 0.0%, #3a2a20 3.2%, #402e23 6.5%, #493427 9.7%, #523b2b 12.9%, #5c412f 16.1%, #664833 19.4%, #704e37 22.6%, #78543a 25.8%, #7f593c 29.0%, #865e3e 32.3%, #8d6240 35.5%, #946641 38.7%, #9a6b42 41.9%, #a06f44 45.2%, #a67345 48.4%, #ac7846 51.6%, #b37d48 54.8%, #bb834b 58.1%, #c2884e 61.3%, #c98e50 64.5%, #cd9351 67.7%, #cd9651 71.0%, #c99951 74.2%, #be9a50 77.4%, #ab9951 80.6%, #959456 83.9%, #7e8d5b 87.1%, #6a8460 90.3%, #5c7b62 93.5%, #547262 96.8%, #506b61 100.0%);
background: linear-gradient(225deg in oklch, oklch(28.35% 0.0262 51.33) 0.0%, oklch(29.90% 0.0290 51.74) 3.2%, oklch(32.02% 0.0327 52.29) 6.5%, oklch(34.54% 0.0372 52.94) 9.7%, oklch(37.31% 0.0421 53.67) 12.9%, oklch(40.18% 0.0473 54.44) 16.1%, oklch(42.98% 0.0525 55.24) 19.4%, oklch(45.55% 0.0573 56.04) 22.6%, oklch(47.76% 0.0617 56.80) 25.8%, oklch(49.75% 0.0659 57.48) 29.0%, oklch(51.62% 0.0702 58.12) 32.3%, oklch(53.39% 0.0744 58.76) 35.5%, oklch(55.08% 0.0785 59.46) 38.7%, oklch(56.71% 0.0824 60.24) 41.9%, oklch(58.30% 0.0861 61.18) 45.2%, oklch(59.85% 0.0894 62.30) 48.4%, oklch(61.45% 0.0925 63.52) 51.6%, oklch(63.34% 0.0961 64.12) 54.8%, oklch(65.37% 0.1000 64.38) 58.1%, oklch(67.38% 0.1036 64.75) 61.3%, oklch(69.17% 0.1066 65.66) 64.5%, oklch(70.56% 0.1084 67.56) 67.7%, oklch(71.36% 0.1087 70.89) 71.0%, oklch(71.39% 0.1069 76.10) 74.2%, oklch(70.40% 0.1024 83.99) 77.4%, oklch(68.27% 0.0946 95.10) 80.6%, oklch(65.33% 0.0846 108.41) 83.9%, oklch(61.93% 0.0734 122.82) 87.1%, oklch(58.40% 0.0618 137.24) 90.3%, oklch(55.07% 0.0511 150.58) 93.5%, oklch(52.29% 0.0421 161.76) 96.8%, oklch(50.39% 0.0358 169.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.026 | 51.3 |
| 2 | 0.472 | 0.061 | 56.6 |
| 3 | 0.606 | 0.091 | 63 |
| 4 | 0.713 | 0.106 | 77.7 |
| 5 | 0.504 | 0.036 | 169.7 |

## In these collections

- [Brass flower bowl](https://grabient.com/brass-flower-bowl)

## Other forms

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