# Black acid orange diagonal

Orange, brown and dark purple linear gradient with 48 colors: #cf7710, #d17917, #d57c20, #da8028, #e08431, #e68839, #eb8d41, #f09048, #f3944e, #f59652, #f49654, #f19555, #ea9352, #df8d4c, #d08743, #bd7e38, #a9742d, #946923, #805e19, #6d5311, #5c470b, #4e3d06, #433303, #3c2c02, #382602, #362105, #361e0b, #361c12, #361c1a, #361d23, #351f2a, #332231, #312537, #2e283b, #2b2a3e, #292b3f, #262b40, #242a41, #232842, #222543, #232244, #251e45, #281a45, #2b1543, #2e1041, #310b3f, #33063c, #34033a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, brown and dark purple linear gradient
- Seed: `kWpmsr3rC_KUVQ0ljaxHibFQ`
- Page: https://grabient.com/kWpmsr3rC_KUVQ0ljaxHibFQ?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: dark center, vivid, dark, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.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 | `#cf7710` | `oklch(65.35% 0.1474 61.17)` | Tree Sap | black, 6.3 to 1 |
| 2 | `#d17917` | `oklch(65.98% 0.1470 60.74)` | Autumn Leaf Orange | black, 6.4 to 1 |
| 3 | `#d57c20` | `oklch(67.02% 0.1466 60.05)` | Yellow Mandarin | black, 6.7 to 1 |
| 4 | `#da8028` | `oklch(68.34% 0.1464 59.16)` | Sunlounge | black, 7 to 1 |
| 5 | `#e08431` | `oklch(69.84% 0.1461 58.15)` | Kanafeh | black, 7.5 to 1 |
| 6 | `#e68839` | `oklch(71.40% 0.1458 57.11)` | Goblin Eyes | black, 7.9 to 1 |
| 7 | `#eb8d41` | `oklch(72.89% 0.1452 56.10)` | California | black, 8.3 to 1 |
| 8 | `#f09048` | `oklch(74.21% 0.1444 55.20)` | Melon Orange | black, 8.8 to 1 |
| 9 | `#f3944e` | `oklch(75.22% 0.1431 54.50)` | Faded Orange | black, 9.1 to 1 |
| 10 | `#f59652` | `oklch(75.83% 0.1414 54.05)` | Holland Tulip | black, 9.3 to 1 |
| 11 | `#f49654` | `oklch(75.91% 0.1392 53.95)` | Toucan | black, 9.3 to 1 |
| 12 | `#f19555` | `oklch(75.33% 0.1363 54.27)` | Toucan | black, 9.1 to 1 |
| 13 | `#ea9352` | `oklch(73.99% 0.1327 55.13)` | Bronze Cup | black, 8.7 to 1 |
| 14 | `#df8d4c` | `oklch(71.67% 0.1280 57.37)` | Jasper Orange | black, 8 to 1 |
| 15 | `#d08743` | `oklch(68.46% 0.1222 60.99)` | Melted Copper | black, 7.1 to 1 |
| 16 | `#bd7e38` | `oklch(64.55% 0.1157 65.58)` | Autumn Fest | black, 6.2 to 1 |
| 17 | `#a9742d` | `oklch(60.13% 0.1085 70.70)` | Hot Toddy | black, 5.2 to 1 |
| 18 | `#946923` | `oklch(55.37% 0.1010 75.93)` | Armageddon Dunes | white, 4.8 to 1 |
| 19 | `#805e19` | `oklch(50.47% 0.0933 80.85)` | Soil of Avagddu | white, 5.9 to 1 |
| 20 | `#6d5311` | `oklch(45.60% 0.0857 85.03)` | Field Drab | white, 7.2 to 1 |
| 21 | `#5c470b` | `oklch(40.96% 0.0783 88.05)` | Mud Brown | white, 8.8 to 1 |
| 22 | `#4e3d06` | `oklch(36.72% 0.0715 89.49)` | Xanthophobia | white, 10.5 to 1 |
| 23 | `#433303` | `oklch(33.08% 0.0653 88.92)` | Night in the Woods | white, 12.2 to 1 |
| 24 | `#3c2c02` | `oklch(30.22% 0.0601 85.91)` | Hidden Passage | white, 13.5 to 1 |
| 25 | `#382602` | `oklch(28.27% 0.0558 79.91)` | Secret Passage | white, 14.5 to 1 |
| 26 | `#362105` | `oklch(27.01% 0.0519 70.13)` | Black Swan | white, 15.1 to 1 |
| 27 | `#361e0b` | `oklch(26.32% 0.0482 57.12)` | Close but No Cigar | white, 15.5 to 1 |
| 28 | `#361c12` | `oklch(26.09% 0.0449 41.64)` | Scorched | white, 15.6 to 1 |
| 29 | `#361c1a` | `oklch(26.24% 0.0419 24.44)` | Black Kite | white, 15.6 to 1 |
| 30 | `#361d23` | `oklch(26.66% 0.0393 6.26)` | Antique Burgundy | white, 15.4 to 1 |
| 31 | `#351f2a` | `oklch(27.26% 0.0373 347.87)` | Antique Burgundy | white, 15.1 to 1 |
| 32 | `#332231` | `oklch(27.94% 0.0358 330.01)` | Zero Gravity | white, 14.8 to 1 |
| 33 | `#312537` | `oklch(28.61% 0.0349 313.43)` | Zero Gravity | white, 14.4 to 1 |
| 34 | `#2e283b` | `oklch(29.17% 0.0347 298.88)` | Mangu Black | white, 14.1 to 1 |
| 35 | `#2b2a3e` | `oklch(29.52% 0.0353 287.11)` | Evening Blue | white, 13.9 to 1 |
| 36 | `#292b3f` | `oklch(29.57% 0.0367 278.87)` | Valhalla | white, 13.9 to 1 |
| 37 | `#262b40` | `oklch(29.32% 0.0392 274.53)` | Valhalla | white, 14 to 1 |
| 38 | `#242a41` | `oklch(28.93% 0.0433 273.25)` | Valhalla | white, 14.2 to 1 |
| 39 | `#232842` | `oklch(28.45% 0.0486 274.53)` | Fainting Light | white, 14.4 to 1 |
| 40 | `#222543` | `oklch(27.90% 0.0550 277.90)` | Black Market | white, 14.7 to 1 |
| 41 | `#232244` | `oklch(27.30% 0.0620 282.87)` | Black Market | white, 15.1 to 1 |
| 42 | `#251e45` | `oklch(26.68% 0.0694 288.98)` | Azulado | white, 15.4 to 1 |
| 43 | `#281a45` | `oklch(26.05% 0.0770 295.76)` | Azulado | white, 15.8 to 1 |
| 44 | `#2b1543` | `oklch(25.44% 0.0843 302.71)` | Oily Purple | white, 16.2 to 1 |
| 45 | `#2e1041` | `oklch(24.86% 0.0912 309.38)` | Oily Purple | white, 16.5 to 1 |
| 46 | `#310b3f` | `oklch(24.36% 0.0973 315.28)` | Dark Purple | white, 16.8 to 1 |
| 47 | `#33063c` | `oklch(23.94% 0.1024 319.94)` | Dark Purple | white, 17 to 1 |
| 48 | `#34033a` | `oklch(23.62% 0.1061 322.89)` | Dark Purple | white, 17.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #cf7710 0.0%, #d17917 2.1%, #d57c20 4.3%, #da8028 6.4%, #e08431 8.5%, #e68839 10.6%, #eb8d41 12.8%, #f09048 14.9%, #f3944e 17.0%, #f59652 19.1%, #f49654 21.3%, #f19555 23.4%, #ea9352 25.5%, #df8d4c 27.7%, #d08743 29.8%, #bd7e38 31.9%, #a9742d 34.0%, #946923 36.2%, #805e19 38.3%, #6d5311 40.4%, #5c470b 42.6%, #4e3d06 44.7%, #433303 46.8%, #3c2c02 48.9%, #382602 51.1%, #362105 53.2%, #361e0b 55.3%, #361c12 57.4%, #361c1a 59.6%, #361d23 61.7%, #351f2a 63.8%, #332231 66.0%, #312537 68.1%, #2e283b 70.2%, #2b2a3e 72.3%, #292b3f 74.5%, #262b40 76.6%, #242a41 78.7%, #232842 80.9%, #222543 83.0%, #232244 85.1%, #251e45 87.2%, #281a45 89.4%, #2b1543 91.5%, #2e1041 93.6%, #310b3f 95.7%, #33063c 97.9%, #34033a 100.0%);
background: linear-gradient(225deg in oklch, oklch(65.35% 0.1474 61.17) 0.0%, oklch(65.98% 0.1470 60.74) 2.1%, oklch(67.02% 0.1466 60.05) 4.3%, oklch(68.34% 0.1464 59.16) 6.4%, oklch(69.84% 0.1461 58.15) 8.5%, oklch(71.40% 0.1458 57.11) 10.6%, oklch(72.89% 0.1452 56.10) 12.8%, oklch(74.21% 0.1444 55.20) 14.9%, oklch(75.22% 0.1431 54.50) 17.0%, oklch(75.83% 0.1414 54.05) 19.1%, oklch(75.91% 0.1392 53.95) 21.3%, oklch(75.33% 0.1363 54.27) 23.4%, oklch(73.99% 0.1327 55.13) 25.5%, oklch(71.67% 0.1280 57.37) 27.7%, oklch(68.46% 0.1222 60.99) 29.8%, oklch(64.55% 0.1157 65.58) 31.9%, oklch(60.13% 0.1085 70.70) 34.0%, oklch(55.37% 0.1010 75.93) 36.2%, oklch(50.47% 0.0933 80.85) 38.3%, oklch(45.60% 0.0857 85.03) 40.4%, oklch(40.96% 0.0783 88.05) 42.6%, oklch(36.72% 0.0715 89.49) 44.7%, oklch(33.08% 0.0653 88.92) 46.8%, oklch(30.22% 0.0601 85.91) 48.9%, oklch(28.27% 0.0558 79.91) 51.1%, oklch(27.01% 0.0519 70.13) 53.2%, oklch(26.32% 0.0482 57.12) 55.3%, oklch(26.09% 0.0449 41.64) 57.4%, oklch(26.24% 0.0419 24.44) 59.6%, oklch(26.66% 0.0393 6.26) 61.7%, oklch(27.26% 0.0373 347.87) 63.8%, oklch(27.94% 0.0358 330.01) 66.0%, oklch(28.61% 0.0349 313.43) 68.1%, oklch(29.17% 0.0347 298.88) 70.2%, oklch(29.52% 0.0353 287.11) 72.3%, oklch(29.57% 0.0367 278.87) 74.5%, oklch(29.32% 0.0392 274.53) 76.6%, oklch(28.93% 0.0433 273.25) 78.7%, oklch(28.45% 0.0486 274.53) 80.9%, oklch(27.90% 0.0550 277.90) 83.0%, oklch(27.30% 0.0620 282.87) 85.1%, oklch(26.68% 0.0694 288.98) 87.2%, oklch(26.05% 0.0770 295.76) 89.4%, oklch(25.44% 0.0843 302.71) 91.5%, oklch(24.86% 0.0912 309.38) 93.6%, oklch(24.36% 0.0973 315.28) 95.7%, oklch(23.94% 0.1024 319.94) 97.9%, oklch(23.62% 0.1061 322.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.147 | 61.2 |
| 2 | 0.744 | 0.134 | 54.8 |
| 3 | 0.291 | 0.058 | 83.4 |
| 4 | 0.295 | 0.037 | -82.5 |
| 5 | 0.236 | 0.106 | -37.1 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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