# Crimson gilt velvet diagonal

Vivid orange, olive, brown and maroon linear gradient with 32 colors: #ce5a26, #c95e18, #c16500, #b46d00, #a87400, #9d7800, #917a11, #89791a, #847419, #826b07, #805d00, #7c4d00, #793d00, #792900, #751b12, #73131f, #771427, #801c31, #8e2a3b, #a03946, #b44a50, #c75b59, #d76b60, #e47864, #eb8164, #ef8962, #ef905d, #ee9658, #ea9b53, #e6a050, #e2a34e, #dfa74e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid orange, olive, brown and maroon linear gradient
- Seed: `kWmnQeR6dGq6vtlYskG4S1FA`
- Page: https://grabient.com/kWmnQeR6dGq6vtlYskG4S1FA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark center, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#ce5a26` | `oklch(60.63% 0.1598 42.19)` | Play School | black, 5.1 to 1 |
| 2 | `#c95e18` | `oklch(60.39% 0.1551 47.76)` | Kvass | black, 5 to 1 |
| 3 | `#c16500` | `oklch(60.20% 0.1469 56.25)` | Hawaiian Sunset | black, 5.1 to 1 |
| 4 | `#b46d00` | `oklch(59.97% 0.1331 66.46)` | Caramel | black, 5.1 to 1 |
| 5 | `#a87400` | `oklch(59.65% 0.1247 77.09)` | Cookie Dough | black, 5.1 to 1 |
| 6 | `#9d7800` | `oklch(59.15% 0.1210 86.89)` | Yellowish Brown | black, 5 to 1 |
| 7 | `#917a11` | `oklch(58.40% 0.1152 94.61)` | Bhūrā Brown | black, 4.9 to 1 |
| 8 | `#89791a` | `oklch(57.34% 0.1098 98.95)` | Jīn Zōng Gold | black, 4.7 to 1 |
| 9 | `#847419` | `oklch(55.87% 0.1071 98.67)` | Soft Fig | white, 4.6 to 1 |
| 10 | `#826b07` | `oklch(53.42% 0.1071 92.93)` | Muddy Brown | white, 5.1 to 1 |
| 11 | `#805d00` | `oklch(50.13% 0.1031 82.84)` | Hè Sè Brown | white, 6 to 1 |
| 12 | `#7c4d00` | `oklch(46.44% 0.1006 69.95)` | Gédéon Brown | white, 7.1 to 1 |
| 13 | `#793d00` | `oklch(42.78% 0.1050 55.76)` | Hazelnut Chocolate | white, 8.4 to 1 |
| 14 | `#792900` | `oklch(39.60% 0.1200 41.80)` | Drip Coffee | white, 9.8 to 1 |
| 15 | `#751b12` | `oklch(37.34% 0.1263 29.67)` | Obscure Ogre | white, 10.9 to 1 |
| 16 | `#73131f` | `oklch(36.42% 0.1297 20.69)` | Surya Red | white, 11.3 to 1 |
| 17 | `#771427` | `oklch(37.31% 0.1319 16.07)` | Heavy Heart | white, 11 to 1 |
| 18 | `#801c31` | `oklch(40.09% 0.1336 14.26)` | Antique Ruby | white, 9.8 to 1 |
| 19 | `#8e2a3b` | `oklch(44.31% 0.1351 14.53)` | Thrill Ride | white, 8.2 to 1 |
| 20 | `#a03946` | `oklch(49.44% 0.1363 16.44)` | Bright Lady | white, 6.6 to 1 |
| 21 | `#b44a50` | `oklch(54.99% 0.1372 19.55)` | Winterberry Frost | white, 5.2 to 1 |
| 22 | `#c75b59` | `oklch(60.43% 0.1378 23.42)` | Dark Salmon | black, 5 to 1 |
| 23 | `#d76b60` | `oklch(65.27% 0.1380 27.62)` | Tory Red | black, 6.1 to 1 |
| 24 | `#e47864` | `oklch(68.99% 0.1379 31.72)` | Annular | black, 7.1 to 1 |
| 25 | `#eb8164` | `oklch(71.40% 0.1372 35.93)` | Mesa Sunrise | black, 7.8 to 1 |
| 26 | `#ef8962` | `oklch(73.11% 0.1358 41.38)` | Morning Marmalade | black, 8.3 to 1 |
| 27 | `#ef905d` | `oklch(74.28% 0.1339 47.70)` | Chinese Lantern | black, 8.8 to 1 |
| 28 | `#ee9658` | `oklch(75.03% 0.1316 54.42)` | Ridgeback | black, 9.1 to 1 |
| 29 | `#ea9b53` | `oklch(75.49% 0.1293 61.07)` | Pumpkin Pie | black, 9.3 to 1 |
| 30 | `#e6a050` | `oklch(75.78% 0.1271 67.19)` | Granary Gold | black, 9.4 to 1 |
| 31 | `#e2a34e` | `oklch(76.03% 0.1253 72.33)` | Golden Tiger | black, 9.6 to 1 |
| 32 | `#dfa74e` | `oklch(76.38% 0.1240 76.00)` | Brass Mesh | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #ce5a26 0.0%, #c95e18 3.2%, #c16500 6.5%, #b46d00 9.7%, #a87400 12.9%, #9d7800 16.1%, #917a11 19.4%, #89791a 22.6%, #847419 25.8%, #826b07 29.0%, #805d00 32.3%, #7c4d00 35.5%, #793d00 38.7%, #792900 41.9%, #751b12 45.2%, #73131f 48.4%, #771427 51.6%, #801c31 54.8%, #8e2a3b 58.1%, #a03946 61.3%, #b44a50 64.5%, #c75b59 67.7%, #d76b60 71.0%, #e47864 74.2%, #eb8164 77.4%, #ef8962 80.6%, #ef905d 83.9%, #ee9658 87.1%, #ea9b53 90.3%, #e6a050 93.5%, #e2a34e 96.8%, #dfa74e 100.0%);
background: linear-gradient(225deg in oklch, oklch(60.63% 0.1598 42.19) 0.0%, oklch(60.39% 0.1551 47.76) 3.2%, oklch(60.20% 0.1469 56.25) 6.5%, oklch(59.97% 0.1331 66.46) 9.7%, oklch(59.65% 0.1247 77.09) 12.9%, oklch(59.15% 0.1210 86.89) 16.1%, oklch(58.40% 0.1152 94.61) 19.4%, oklch(57.34% 0.1098 98.95) 22.6%, oklch(55.87% 0.1071 98.67) 25.8%, oklch(53.42% 0.1071 92.93) 29.0%, oklch(50.13% 0.1031 82.84) 32.3%, oklch(46.44% 0.1006 69.95) 35.5%, oklch(42.78% 0.1050 55.76) 38.7%, oklch(39.60% 0.1200 41.80) 41.9%, oklch(37.34% 0.1263 29.67) 45.2%, oklch(36.42% 0.1297 20.69) 48.4%, oklch(37.31% 0.1319 16.07) 51.6%, oklch(40.09% 0.1336 14.26) 54.8%, oklch(44.31% 0.1351 14.53) 58.1%, oklch(49.44% 0.1363 16.44) 61.3%, oklch(54.99% 0.1372 19.55) 64.5%, oklch(60.43% 0.1378 23.42) 67.7%, oklch(65.27% 0.1380 27.62) 71.0%, oklch(68.99% 0.1379 31.72) 74.2%, oklch(71.40% 0.1372 35.93) 77.4%, oklch(73.11% 0.1358 41.38) 80.6%, oklch(74.28% 0.1339 47.70) 83.9%, oklch(75.03% 0.1316 54.42) 87.1%, oklch(75.49% 0.1293 61.07) 90.3%, oklch(75.78% 0.1271 67.19) 93.5%, oklch(76.03% 0.1253 72.33) 96.8%, oklch(76.38% 0.1240 76.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.16 | 42.2 |
| 2 | 0.563 | 0.107 | 99.3 |
| 3 | 0.366 | 0.131 | 17.9 |
| 4 | 0.697 | 0.138 | 32.7 |
| 5 | 0.764 | 0.124 | 76 |

## In these collections

- [Opera aesthetic](https://grabient.com/opera-aesthetic)

## Other forms

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