# Black, purple, light green and green angular gradient

Black, purple, light green and green angular gradient with 32 colors: #000006, #00000e, #00001d, #00002a, #03003b, #0c004e, #19095b, #2b1865, #43256c, #613470, #85496a, #a16a66, #b08f75, #bbae8c, #c5c595, #ccda90, #cfeb80, #cff86a, #cbff72, #caff89, #c1ff76, #aefd3e, #a1f231, #8ce326, #72cf1b, #56b70f, #3e9c00, #317d00, #275700, #193100, #091300, #020400. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcEBe6Fq7A7KoRTiEtC9sZDe7RQJHwUDDAm-o`
- Page: https://grabient.com/kcEBe6Fq7A7KoRTiEtC9sZDe7RQJHwUDDAm-o?style=angularGradient&steps=32
- Drawn as: angular gradient, 32 steps, 90 degrees
- Kinds: light center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 18.1 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 | `#000006` | `oklch(6.33% 0.0314 262.85)` | Benthic Black | white, 20.9 to 1 |
| 2 | `#00000e` | `oklch(7.96% 0.0486 264.16)` | Benthic Black | white, 20.8 to 1 |
| 3 | `#00001d` | `oklch(10.34% 0.0717 264.05)` | Hadopelagic Water | white, 20.6 to 1 |
| 4 | `#00002a` | `oklch(12.98% 0.0896 264.41)` | Illicit Darkness | white, 20.3 to 1 |
| 5 | `#03003b` | `oklch(16.23% 0.1085 267.74)` | Midnight Blue | white, 19.6 to 1 |
| 6 | `#0c004e` | `oklch(19.98% 0.1274 273.24)` | Scoop of Dark Matter | white, 18.6 to 1 |
| 7 | `#19095b` | `oklch(24.13% 0.1319 279.16)` | Darth Torus | white, 17 to 1 |
| 8 | `#2b1865` | `oklch(28.89% 0.1265 287.08)` | Night Fog | white, 14.8 to 1 |
| 9 | `#43256c` | `oklch(34.37% 0.1180 299.15)` | Fading Horizon | white, 12.1 to 1 |
| 10 | `#613470` | `oklch(40.75% 0.1088 317.56)` | Lounge Violet | white, 9.4 to 1 |
| 11 | `#85496a` | `oklch(48.85% 0.0929 346.81)` | Noble Tone | white, 6.6 to 1 |
| 12 | `#a16a66` | `oklch(58.16% 0.0721 23.42)` | Withered Rose | black, 4.7 to 1 |
| 13 | `#b08f75` | `oklch(67.40% 0.0547 60.18)` | Homeland | black, 7 to 1 |
| 14 | `#bbae8c` | `oklch(75.32% 0.0492 89.84)` | Olive Gold | black, 9.5 to 1 |
| 15 | `#c5c595` | `oklch(81.22% 0.0637 107.40)` | Yerba Mate | black, 11.8 to 1 |
| 16 | `#ccda90` | `oklch(85.99% 0.0964 116.72)` | Lime Splash | black, 13.9 to 1 |
| 17 | `#cfeb80` | `oklch(89.67% 0.1368 121.05)` | Sulu | black, 15.8 to 1 |
| 18 | `#cff86a` | `oklch(92.21% 0.1742 123.42)` | Pear Spritz | black, 17.2 to 1 |
| 19 | `#cbff72` | `oklch(93.58% 0.1777 126.61)` | Green Shimmer | black, 18 to 1 |
| 20 | `#caff89` | `oklch(93.85% 0.1566 128.84)` | Light Yellowish Green | black, 18.1 to 1 |
| 21 | `#c1ff76` | `oklch(92.98% 0.1794 129.65)` | Lime Lightning | black, 17.8 to 1 |
| 22 | `#aefd3e` | `oklch(90.92% 0.2234 129.96)` | Chestnut Shell | black, 16.8 to 1 |
| 23 | `#a1f231` | `oklch(87.59% 0.2234 130.69)` | Green Lizard | black, 15.2 to 1 |
| 24 | `#8ce326` | `oklch(82.84% 0.2210 132.45)` | Kiwi Green | black, 13.1 to 1 |
| 25 | `#72cf1b` | `oklch(76.68% 0.2156 134.75)` | Delicious Dill | black, 10.6 to 1 |
| 26 | `#56b70f` | `oklch(69.38% 0.2058 136.89)` | Étude Naturelle | black, 8.2 to 1 |
| 27 | `#3e9c00` | `oklch(61.23% 0.1899 138.19)` | Grassy Green | black, 5.9 to 1 |
| 28 | `#317d00` | `oklch(52.21% 0.1611 137.93)` | Tree Green | white, 5.1 to 1 |
| 29 | `#275700` | `oklch(40.73% 0.1208 135.86)` | Lincoln Green | white, 8.5 to 1 |
| 30 | `#193100` | `oklch(28.33% 0.0798 132.86)` | Witch Wart | white, 14.1 to 1 |
| 31 | `#091300` | `oklch(17.19% 0.0463 130.09)` | Memorial Black | white, 18.9 to 1 |
| 32 | `#020400` | `oklch(9.46% 0.0249 128.46)` | Armour Wash | white, 20.6 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #000006 0.0%, #00000e 3.2%, #00001d 6.5%, #00002a 9.7%, #03003b 12.9%, #0c004e 16.1%, #19095b 19.4%, #2b1865 22.6%, #43256c 25.8%, #613470 29.0%, #85496a 32.3%, #a16a66 35.5%, #b08f75 38.7%, #bbae8c 41.9%, #c5c595 45.2%, #ccda90 48.4%, #cfeb80 51.6%, #cff86a 54.8%, #cbff72 58.1%, #caff89 61.3%, #c1ff76 64.5%, #aefd3e 67.7%, #a1f231 71.0%, #8ce326 74.2%, #72cf1b 77.4%, #56b70f 80.6%, #3e9c00 83.9%, #317d00 87.1%, #275700 90.3%, #193100 93.5%, #091300 96.8%, #020400 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(6.33% 0.0314 262.85) 0.0%, oklch(7.96% 0.0486 264.16) 3.2%, oklch(10.34% 0.0717 264.05) 6.5%, oklch(12.98% 0.0896 264.41) 9.7%, oklch(16.23% 0.1085 267.74) 12.9%, oklch(19.98% 0.1274 273.24) 16.1%, oklch(24.13% 0.1319 279.16) 19.4%, oklch(28.89% 0.1265 287.08) 22.6%, oklch(34.37% 0.1180 299.15) 25.8%, oklch(40.75% 0.1088 317.56) 29.0%, oklch(48.85% 0.0929 346.81) 32.3%, oklch(58.16% 0.0721 23.42) 35.5%, oklch(67.40% 0.0547 60.18) 38.7%, oklch(75.32% 0.0492 89.84) 41.9%, oklch(81.22% 0.0637 107.40) 45.2%, oklch(85.99% 0.0964 116.72) 48.4%, oklch(89.67% 0.1368 121.05) 51.6%, oklch(92.21% 0.1742 123.42) 54.8%, oklch(93.58% 0.1777 126.61) 58.1%, oklch(93.85% 0.1566 128.84) 61.3%, oklch(92.98% 0.1794 129.65) 64.5%, oklch(90.92% 0.2234 129.96) 67.7%, oklch(87.59% 0.2234 130.69) 71.0%, oklch(82.84% 0.2210 132.45) 74.2%, oklch(76.68% 0.2156 134.75) 77.4%, oklch(69.38% 0.2058 136.89) 80.6%, oklch(61.23% 0.1899 138.19) 83.9%, oklch(52.21% 0.1611 137.93) 87.1%, oklch(40.73% 0.1208 135.86) 90.3%, oklch(28.33% 0.0798 132.86) 93.5%, oklch(17.19% 0.0463 130.09) 96.8%, oklch(9.46% 0.0249 128.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.063 | 0.032 | 261.6 |
| 2 | 0.177 | 0.128 | 270 |
| 3 | 0.398 | 0.11 | 314.4 |
| 4 | 0.772 | 0.051 | 456 |
| 5 | 0.933 | 0.193 | 485.6 |
| 6 | 0.87 | 0.223 | 490.9 |
| 7 | 0.563 | 0.179 | 498.3 |
| 8 | 0.094 | 0.026 | 487.7 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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