# Patina and Polished Copper

Black, gray and brown linear gradient with 32 colors: #1f292c, #1e2d31, #1b3438, #183c3e, #144443, #154b47, #1d524b, #295750, #355d55, #41625a, #4b675d, #566d5e, #63715e, #72755e, #807860, #8d7a63, #977c66, #a17d66, #ab7e64, #b37e60, #b97e5b, #bc7d59, #bc7b56, #b97954, #b47751, #ae754d, #a67148, #9b6d41, #8e6839, #806233, #745d2e, #6c592c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, gray and brown linear gradient
- Seed: `kaRQucMJS8D8NPbMD7P0iG-EwgQM8GMNg`
- Page: https://grabient.com/kaRQucMJS8D8NPbMD7P0iG-EwgQM8GMNg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.3 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 | `#1f292c` | `oklch(27.17% 0.0152 219.37)` | Black Pearl | white, 14.9 to 1 |
| 2 | `#1e2d31` | `oklch(28.60% 0.0215 214.89)` | Charleston Green | white, 14.2 to 1 |
| 3 | `#1b3438` | `oklch(30.61% 0.0310 208.44)` | Ore Bluish Black | white, 13.1 to 1 |
| 4 | `#183c3e` | `oklch(32.98% 0.0414 201.05)` | Ghostlands Coal | white, 12 to 1 |
| 5 | `#144443` | `oklch(35.46% 0.0505 193.73)` | Rapture | white, 10.8 to 1 |
| 6 | `#154b47` | `oklch(37.82% 0.0561 187.48)` | Swamp Mausoleum | white, 9.8 to 1 |
| 7 | `#1d524b` | `oklch(40.02% 0.0564 183.67)` | Lacustral | white, 8.9 to 1 |
| 8 | `#295750` | `oklch(42.26% 0.0526 182.20)` | Forest Biome | white, 8.1 to 1 |
| 9 | `#355d55` | `oklch(44.51% 0.0468 181.01)` | Holly Bush | white, 7.4 to 1 |
| 10 | `#41625a` | `oklch(46.73% 0.0407 178.02)` | Forest Greenery | white, 6.7 to 1 |
| 11 | `#4b675d` | `oklch(48.90% 0.0365 171.12)` | Jasper Park | white, 6.1 to 1 |
| 12 | `#566d5e` | `oklch(51.02% 0.0351 157.92)` | High Tea Green | white, 5.6 to 1 |
| 13 | `#63715e` | `oklch(53.19% 0.0345 137.95)` | Bracken Green | white, 5.1 to 1 |
| 14 | `#72755e` | `oklch(55.32% 0.0350 114.70)` | Positively Palm | white, 4.7 to 1 |
| 15 | `#807860` | `oklch(57.31% 0.0368 91.81)` | String Deep | black, 4.7 to 1 |
| 16 | `#8d7a63` | `oklch(59.07% 0.0402 72.93)` | Lead Grey | black, 5 to 1 |
| 17 | `#977c66` | `oklch(60.56% 0.0461 61.13)` | Lover’s Leap | black, 5.3 to 1 |
| 18 | `#a17d66` | `oklch(61.90% 0.0556 54.59)` | New Penny | black, 5.6 to 1 |
| 19 | `#ab7e64` | `oklch(63.05% 0.0672 51.55)` | Teddy | black, 5.8 to 1 |
| 20 | `#b37e60` | `oklch(63.94% 0.0788 50.67)` | Silken Chocolate | black, 6 to 1 |
| 21 | `#b97e5b` | `oklch(64.46% 0.0882 50.58)` | Pastry Shell | black, 6.1 to 1 |
| 22 | `#bc7d59` | `oklch(64.54% 0.0936 50.07)` | Pastry Shell | black, 6.1 to 1 |
| 23 | `#bc7b56` | `oklch(64.21% 0.0955 50.00)` | Cattle Drive | black, 6.1 to 1 |
| 24 | `#b97954` | `oklch(63.52% 0.0950 50.82)` | Japanese Wax Tree | black, 5.9 to 1 |
| 25 | `#b47751` | `oklch(62.48% 0.0931 52.48)` | Apricot Mix | black, 5.7 to 1 |
| 26 | `#ae754d` | `oklch(61.15% 0.0904 54.99)` | Brown Sugar | black, 5.4 to 1 |
| 27 | `#a67148` | `oklch(59.55% 0.0878 58.33)` | Cashew | black, 5 to 1 |
| 28 | `#9b6d41` | `oklch(57.28% 0.0842 63.46)` | Desert Clay | black, 4.6 to 1 |
| 29 | `#8e6839` | `oklch(54.47% 0.0796 70.04)` | Beagle Brown | white, 5 to 1 |
| 30 | `#806233` | `oklch(51.57% 0.0748 76.96)` | Bronze Brown | white, 5.6 to 1 |
| 31 | `#745d2e` | `oklch(49.01% 0.0705 83.08)` | Florentine Dream | white, 6.2 to 1 |
| 32 | `#6c592c` | `oklch(47.24% 0.0675 87.28)` | Olivary | white, 6.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1f292c 0.0%, #1e2d31 3.2%, #1b3438 6.5%, #183c3e 9.7%, #144443 12.9%, #154b47 16.1%, #1d524b 19.4%, #295750 22.6%, #355d55 25.8%, #41625a 29.0%, #4b675d 32.3%, #566d5e 35.5%, #63715e 38.7%, #72755e 41.9%, #807860 45.2%, #8d7a63 48.4%, #977c66 51.6%, #a17d66 54.8%, #ab7e64 58.1%, #b37e60 61.3%, #b97e5b 64.5%, #bc7d59 67.7%, #bc7b56 71.0%, #b97954 74.2%, #b47751 77.4%, #ae754d 80.6%, #a67148 83.9%, #9b6d41 87.1%, #8e6839 90.3%, #806233 93.5%, #745d2e 96.8%, #6c592c 100.0%);
background: linear-gradient(45deg in oklch, oklch(27.17% 0.0152 219.37) 0.0%, oklch(28.60% 0.0215 214.89) 3.2%, oklch(30.61% 0.0310 208.44) 6.5%, oklch(32.98% 0.0414 201.05) 9.7%, oklch(35.46% 0.0505 193.73) 12.9%, oklch(37.82% 0.0561 187.48) 16.1%, oklch(40.02% 0.0564 183.67) 19.4%, oklch(42.26% 0.0526 182.20) 22.6%, oklch(44.51% 0.0468 181.01) 25.8%, oklch(46.73% 0.0407 178.02) 29.0%, oklch(48.90% 0.0365 171.12) 32.3%, oklch(51.02% 0.0351 157.92) 35.5%, oklch(53.19% 0.0345 137.95) 38.7%, oklch(55.32% 0.0350 114.70) 41.9%, oklch(57.31% 0.0368 91.81) 45.2%, oklch(59.07% 0.0402 72.93) 48.4%, oklch(60.56% 0.0461 61.13) 51.6%, oklch(61.90% 0.0556 54.59) 54.8%, oklch(63.05% 0.0672 51.55) 58.1%, oklch(63.94% 0.0788 50.67) 61.3%, oklch(64.46% 0.0882 50.58) 64.5%, oklch(64.54% 0.0936 50.07) 67.7%, oklch(64.21% 0.0955 50.00) 71.0%, oklch(63.52% 0.0950 50.82) 74.2%, oklch(62.48% 0.0931 52.48) 77.4%, oklch(61.15% 0.0904 54.99) 80.6%, oklch(59.55% 0.0878 58.33) 83.9%, oklch(57.28% 0.0842 63.46) 87.1%, oklch(54.47% 0.0796 70.04) 90.3%, oklch(51.57% 0.0748 76.96) 93.5%, oklch(49.01% 0.0705 83.08) 96.8%, oklch(47.24% 0.0675 87.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.015 | 219.4 |
| 2 | 0.382 | 0.056 | 186.6 |
| 3 | 0.496 | 0.036 | 167.6 |
| 4 | 0.598 | 0.043 | 66.1 |
| 5 | 0.646 | 0.092 | 50.3 |
| 6 | 0.598 | 0.088 | 57.7 |
| 7 | 0.472 | 0.068 | 87.3 |

## In these collections

- [Alpine copper kitchen](https://grabient.com/alpine-copper-kitchen)

## Other forms

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