# Copper flare across violet steel

Gray, purple, pink and tan linear gradient with 32 colors: #7d8a95, #7c8493, #7c7b8d, #7e7082, #7f6571, #7c5c5c, #75574a, #6d533d, #695038, #684c39, #674841, #64474d, #5d4958, #554d5f, #4f5163, #4c5566, #4d586d, #535b78, #605e84, #765e8d, #915c8b, #ab5c7c, #bd5f66, #c76750, #c97141, #c77d3c, #c18941, #ba934e, #b49c5e, #afa26d, #aca77a, #aaaa82. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, purple, pink and tan linear gradient
- Seed: `kWnxCvOZJVDmMLNPrs_3JRII`
- Page: https://grabient.com/kWnxCvOZJVDmMLNPrs_3JRII?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.4 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 | `#7d8a95` | `oklch(62.60% 0.0220 246.09)` | Sea Lion | black, 5.9 to 1 |
| 2 | `#7c8493` | `oklch(61.09% 0.0246 262.86)` | Deep Smoke Signal | black, 5.5 to 1 |
| 3 | `#7c7b8d` | `oklch(58.93% 0.0283 287.90)` | Seattle Haze | black, 5 to 1 |
| 4 | `#7e7082` | `oklch(56.36% 0.0327 317.87)` | British Grey Mauve | white, 4.6 to 1 |
| 5 | `#7f6571` | `oklch(53.59% 0.0374 349.41)` | Cabal | white, 5.2 to 1 |
| 6 | `#7c5c5c` | `oklch(50.85% 0.0420 19.19)` | Reading Tea Leaves | white, 5.9 to 1 |
| 7 | `#75574a` | `oklch(48.36% 0.0458 43.86)` | Heavy Siena | white, 6.5 to 1 |
| 8 | `#6d533d` | `oklch(46.34% 0.0486 60.08)` | Mud | white, 7.1 to 1 |
| 9 | `#695038` | `oklch(45.01% 0.0497 64.46)` | Coffee Liqueur | white, 7.5 to 1 |
| 10 | `#684c39` | `oklch(44.10% 0.0482 54.67)` | Radigan Conagher Brown | white, 7.8 to 1 |
| 11 | `#674841` | `oklch(43.49% 0.0447 33.74)` | Spiced Wine | white, 8 to 1 |
| 12 | `#64474d` | `oklch(43.17% 0.0401 5.78)` | Gǔ Tóng Hēi Copper | white, 8.2 to 1 |
| 13 | `#5d4958` | `oklch(43.13% 0.0354 334.88)` | Deep Merlot | white, 8.2 to 1 |
| 14 | `#554d5f` | `oklch(43.38% 0.0317 305.17)` | Mulled Wine | white, 8 to 1 |
| 15 | `#4f5163` | `oklch(43.92% 0.0299 280.75)` | Voyager | white, 7.8 to 1 |
| 16 | `#4c5566` | `oklch(44.75% 0.0311 265.71)` | Property | white, 7.5 to 1 |
| 17 | `#4d586d` | `oklch(45.92% 0.0364 263.47)` | Bering Sea | white, 7.1 to 1 |
| 18 | `#535b78` | `oklch(47.65% 0.0470 271.48)` | Blue Indigo | white, 6.6 to 1 |
| 19 | `#605e84` | `oklch(49.83% 0.0614 286.97)` | Purple Balloon | white, 6.1 to 1 |
| 20 | `#765e8d` | `oklch(52.32% 0.0778 307.59)` | Super Violet | white, 5.6 to 1 |
| 21 | `#915c8b` | `oklch(54.95% 0.0945 331.01)` | Plum Savour | white, 5.1 to 1 |
| 22 | `#ab5c7c` | `oklch(57.57% 0.1095 354.90)` | Indian Pink | white, 4.6 to 1 |
| 23 | `#bd5f66` | `oklch(60.02% 0.1211 16.93)` | Her Velour | black, 5 to 1 |
| 24 | `#c76750` | `oklch(62.14% 0.1276 34.74)` | Raw Copper | black, 5.4 to 1 |
| 25 | `#c97141` | `oklch(63.91% 0.1274 47.90)` | Adobe Dusk | black, 5.9 to 1 |
| 26 | `#c77d3c` | `oklch(65.59% 0.1216 59.83)` | Rumba Orange | black, 6.4 to 1 |
| 27 | `#c18941` | `oklch(67.17% 0.1117 70.69)` | Peanut Butter | black, 6.9 to 1 |
| 28 | `#ba934e` | `oklch(68.63% 0.0992 80.45)` | Alluvial Inca | black, 7.3 to 1 |
| 29 | `#b49c5e` | `oklch(69.94% 0.0858 89.09)` | Antique Gold | black, 7.8 to 1 |
| 30 | `#afa26d` | `oklch(71.10% 0.0729 96.59)` | Autumn Sage | black, 8.2 to 1 |
| 31 | `#aca77a` | `oklch(72.07% 0.0622 102.90)` | Olive Tree | black, 8.5 to 1 |
| 32 | `#aaaa82` | `oklch(72.83% 0.0551 108.01)` | Brisk Olive | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #7d8a95 0.0%, #7c8493 3.2%, #7c7b8d 6.5%, #7e7082 9.7%, #7f6571 12.9%, #7c5c5c 16.1%, #75574a 19.4%, #6d533d 22.6%, #695038 25.8%, #684c39 29.0%, #674841 32.3%, #64474d 35.5%, #5d4958 38.7%, #554d5f 41.9%, #4f5163 45.2%, #4c5566 48.4%, #4d586d 51.6%, #535b78 54.8%, #605e84 58.1%, #765e8d 61.3%, #915c8b 64.5%, #ab5c7c 67.7%, #bd5f66 71.0%, #c76750 74.2%, #c97141 77.4%, #c77d3c 80.6%, #c18941 83.9%, #ba934e 87.1%, #b49c5e 90.3%, #afa26d 93.5%, #aca77a 96.8%, #aaaa82 100.0%);
background: linear-gradient(45deg in oklch, oklch(62.60% 0.0220 246.09) 0.0%, oklch(61.09% 0.0246 262.86) 3.2%, oklch(58.93% 0.0283 287.90) 6.5%, oklch(56.36% 0.0327 317.87) 9.7%, oklch(53.59% 0.0374 349.41) 12.9%, oklch(50.85% 0.0420 19.19) 16.1%, oklch(48.36% 0.0458 43.86) 19.4%, oklch(46.34% 0.0486 60.08) 22.6%, oklch(45.01% 0.0497 64.46) 25.8%, oklch(44.10% 0.0482 54.67) 29.0%, oklch(43.49% 0.0447 33.74) 32.3%, oklch(43.17% 0.0401 5.78) 35.5%, oklch(43.13% 0.0354 334.88) 38.7%, oklch(43.38% 0.0317 305.17) 41.9%, oklch(43.92% 0.0299 280.75) 45.2%, oklch(44.75% 0.0311 265.71) 48.4%, oklch(45.92% 0.0364 263.47) 51.6%, oklch(47.65% 0.0470 271.48) 54.8%, oklch(49.83% 0.0614 286.97) 58.1%, oklch(52.32% 0.0778 307.59) 61.3%, oklch(54.95% 0.0945 331.01) 64.5%, oklch(57.57% 0.1095 354.90) 67.7%, oklch(60.02% 0.1211 16.93) 71.0%, oklch(62.14% 0.1276 34.74) 74.2%, oklch(63.91% 0.1274 47.90) 77.4%, oklch(65.59% 0.1216 59.83) 80.6%, oklch(67.17% 0.1117 70.69) 83.9%, oklch(68.63% 0.0992 80.45) 87.1%, oklch(69.94% 0.0858 89.09) 90.3%, oklch(71.10% 0.0729 96.59) 93.5%, oklch(72.07% 0.0622 102.90) 96.8%, oklch(72.83% 0.0551 108.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.022 | 246.1 |
| 2 | 0.453 | 0.05 | 424.7 |
| 3 | 0.453 | 0.033 | 263 |
| 4 | 0.626 | 0.128 | 398.3 |
| 5 | 0.728 | 0.055 | 468 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)

## Other forms

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