# Brass and Chalk Green

Brown, tan and gray angular swatches with 6 colors: #6d4f32, #ab7d36, #cebb73, #c0c7a8, #879697, #415d5e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, tan and gray angular swatches
- Seed: `kYcystzyZBWSiQjnj8KVAbKLoMP2`
- Page: https://grabient.com/kYcystzyZBWSiQjnj8KVAbKLoMP2?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#6d4f32` | `oklch(45.28% 0.0593 63.98)` | Tilled Soil | white, 7.4 to 1 |
| 2 | `#ab7d36` | `oklch(62.20% 0.1047 75.61)` | Billet | black, 5.7 to 1 |
| 3 | `#cebb73` | `oklch(79.13% 0.0937 94.63)` | Green Citrine | black, 10.9 to 1 |
| 4 | `#c0c7a8` | `oklch(81.50% 0.0427 116.82)` | Minted Lemon | black, 11.9 to 1 |
| 5 | `#879697` | `oklch(66.14% 0.0179 203.48)` | Atmospheric | black, 6.8 to 1 |
| 6 | `#415d5e` | `oklch(45.67% 0.0331 199.25)` | Rosemary | white, 7.1 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #6d4f32 0.000% 16.667%, #ab7d36 16.667% 33.333%, #cebb73 33.333% 50.000%, #c0c7a8 50.000% 66.667%, #879697 66.667% 83.333%, #415d5e 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(45.28% 0.0593 63.98) 0.000% 16.667%, oklch(62.20% 0.1047 75.61) 16.667% 33.333%, oklch(79.13% 0.0937 94.63) 33.333% 50.000%, oklch(81.50% 0.0427 116.82) 50.000% 66.667%, oklch(66.14% 0.0179 203.48) 66.667% 83.333%, oklch(45.67% 0.0331 199.25) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.059 | 64 |
| 2 | 0.622 | 0.105 | 75.6 |
| 3 | 0.791 | 0.094 | 94.6 |
| 4 | 0.815 | 0.043 | 116.8 |
| 5 | 0.661 | 0.018 | 203.5 |
| 6 | 0.457 | 0.033 | 199.2 |

## In these collections

- [Chalkboard classroom](https://grabient.com/chalkboard-classroom)

## Other forms

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