# Acid Plum Halloween Diagonal

This diagonal gradient moves through near-black plum, dark brown, olive, muted violet, gray olive, and acid yellow-green. The continuous route provides both darker and lighter areas for foreground type, silhouettes, or simple marks while keeping the collection subject visible.

- Also called: Black, purple, green and yellow linear gradient
- Seed: `kYLx_jKhtTDyYq5PEdH4j7CPQqPS`
- Page: https://grabient.com/kYLx_jKhtTDyYq5PEdH4j7CPQqPS?steps=32&angle=240
- Drawn as: linear gradient, 32 steps, 240 degrees
- Kinds: dark to light, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#1b0c1f` | `oklch(18.50% 0.0427 319.22)` | Shot in the Dark | white, 18.8 to 1 |
| 2 | `#230d1d` | `oklch(20.03% 0.0465 339.77)` | Meški Black | white, 18.3 to 1 |
| 3 | `#2f0f15` | `oklch(22.12% 0.0520 11.18)` | Dark Danger | white, 17.5 to 1 |
| 4 | `#361605` | `oklch(24.61% 0.0583 47.21)` | American Bronze | white, 16.4 to 1 |
| 5 | `#352400` | `oklch(27.31% 0.0564 81.41)` | Black Swan | white, 14.9 to 1 |
| 6 | `#313000` | `oklch(30.03% 0.0648 108.16)` | Wasabi Nori | white, 13.5 to 1 |
| 7 | `#2f3a04` | `oklch(32.59% 0.0740 120.65)` | Dark Olive | white, 12.2 to 1 |
| 8 | `#3b3e03` | `oklch(34.95% 0.0755 112.67)` | Dark Olive | white, 11.1 to 1 |
| 9 | `#523d01` | `oklch(37.30% 0.0756 85.60)` | Roman Bronze | white, 10.3 to 1 |
| 10 | `#673921` | `oklch(39.65% 0.0746 47.64)` | Searing Gorge Brown | white, 9.6 to 1 |
| 11 | `#6e3b46` | `oklch(42.00% 0.0729 7.08)` | Ripening Grape | white, 8.8 to 1 |
| 12 | `#6a4465` | `oklch(44.35% 0.0707 332.18)` | Sultana | white, 7.9 to 1 |
| 13 | `#664f76` | `oklch(46.70% 0.0684 311.26)` | Exotic Purple | white, 7.1 to 1 |
| 14 | `#6d567c` | `oklch(49.05% 0.0655 311.13)` | Charoite Violet | white, 6.4 to 1 |
| 15 | `#7a5b79` | `oklch(51.39% 0.0599 328.17)` | Gala Ball | white, 5.8 to 1 |
| 16 | `#88616f` | `oklch(53.73% 0.0530 356.33)` | Glazed Ringlet | white, 5.2 to 1 |
| 17 | `#8e6b65` | `oklch(56.07% 0.0468 29.86)` | Western Clay | white, 4.7 to 1 |
| 18 | `#8f7661` | `oklch(58.42% 0.0433 63.00)` | Belgian Sweet | black, 4.9 to 1 |
| 19 | `#8d8264` | `oklch(60.78% 0.0445 89.98)` | Overgrown Granite | black, 5.4 to 1 |
| 20 | `#8d8c67` | `oklch(63.16% 0.0525 105.89)` | Yogi | black, 6 to 1 |
| 21 | `#8f9664` | `oklch(65.57% 0.0701 114.96)` | Indian Green | black, 6.7 to 1 |
| 22 | `#91a15d` | `oklch(68.00% 0.0941 119.81)` | Zesty Apple | black, 7.4 to 1 |
| 23 | `#94ab51` | `oklch(70.44% 0.1205 121.57)` | Persian Belt | black, 8.2 to 1 |
| 24 | `#99b540` | `oklch(72.87% 0.1452 121.40)` | Booger | black, 9 to 1 |
| 25 | `#a1bd2e` | `oklch(75.27% 0.1640 120.42)` | In the Tropics | black, 9.8 to 1 |
| 26 | `#a9c527` | `oklch(77.64% 0.1731 119.72)` | Sour Lime | black, 10.7 to 1 |
| 27 | `#b6cc30` | `oklch(80.17% 0.1718 117.65)` | Luscious Leek | black, 11.6 to 1 |
| 28 | `#c6d240` | `oklch(82.83% 0.1632 113.77)` | Greedy Gold | black, 12.6 to 1 |
| 29 | `#d7d755` | `oklch(85.44% 0.1504 108.90)` | Matcha | black, 13.7 to 1 |
| 30 | `#e6db69` | `oklch(87.84% 0.1362 103.87)` | Straw | black, 14.7 to 1 |
| 31 | `#f1df7a` | `oklch(89.87% 0.1236 99.49)` | Golden Blonde | black, 15.6 to 1 |
| 32 | `#f8e386` | `oklch(91.34% 0.1157 96.60)` | East of the Sun | black, 16.3 to 1 |

## CSS

```css
background: linear-gradient(240deg, #1b0c1f 0.0%, #230d1d 3.2%, #2f0f15 6.5%, #361605 9.7%, #352400 12.9%, #313000 16.1%, #2f3a04 19.4%, #3b3e03 22.6%, #523d01 25.8%, #673921 29.0%, #6e3b46 32.3%, #6a4465 35.5%, #664f76 38.7%, #6d567c 41.9%, #7a5b79 45.2%, #88616f 48.4%, #8e6b65 51.6%, #8f7661 54.8%, #8d8264 58.1%, #8d8c67 61.3%, #8f9664 64.5%, #91a15d 67.7%, #94ab51 71.0%, #99b540 74.2%, #a1bd2e 77.4%, #a9c527 80.6%, #b6cc30 83.9%, #c6d240 87.1%, #d7d755 90.3%, #e6db69 93.5%, #f1df7a 96.8%, #f8e386 100.0%);
background: linear-gradient(240deg in oklch, oklch(18.50% 0.0427 319.22) 0.0%, oklch(20.03% 0.0465 339.77) 3.2%, oklch(22.12% 0.0520 11.18) 6.5%, oklch(24.61% 0.0583 47.21) 9.7%, oklch(27.31% 0.0564 81.41) 12.9%, oklch(30.03% 0.0648 108.16) 16.1%, oklch(32.59% 0.0740 120.65) 19.4%, oklch(34.95% 0.0755 112.67) 22.6%, oklch(37.30% 0.0756 85.60) 25.8%, oklch(39.65% 0.0746 47.64) 29.0%, oklch(42.00% 0.0729 7.08) 32.3%, oklch(44.35% 0.0707 332.18) 35.5%, oklch(46.70% 0.0684 311.26) 38.7%, oklch(49.05% 0.0655 311.13) 41.9%, oklch(51.39% 0.0599 328.17) 45.2%, oklch(53.73% 0.0530 356.33) 48.4%, oklch(56.07% 0.0468 29.86) 51.6%, oklch(58.42% 0.0433 63.00) 54.8%, oklch(60.78% 0.0445 89.98) 58.1%, oklch(63.16% 0.0525 105.89) 61.3%, oklch(65.57% 0.0701 114.96) 64.5%, oklch(68.00% 0.0941 119.81) 67.7%, oklch(70.44% 0.1205 121.57) 71.0%, oklch(72.87% 0.1452 121.40) 74.2%, oklch(75.27% 0.1640 120.42) 77.4%, oklch(77.64% 0.1731 119.72) 80.6%, oklch(80.17% 0.1718 117.65) 83.9%, oklch(82.83% 0.1632 113.77) 87.1%, oklch(85.44% 0.1504 108.90) 90.3%, oklch(87.84% 0.1362 103.87) 93.5%, oklch(89.87% 0.1236 99.49) 96.8%, oklch(91.34% 0.1157 96.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.043 | 319.2 |
| 2 | 0.331 | 0.074 | 480.9 |
| 3 | 0.476 | 0.068 | 308.7 |
| 4 | 0.622 | 0.048 | 460.8 |
| 5 | 0.772 | 0.172 | 479.8 |
| 6 | 0.913 | 0.116 | 456.6 |

## In these collections

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

## Other forms

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