# Black, red, gray and dark green linear gradient

Black, red, gray and dark green linear gradient with 48 colors: #000001, #000004, #01010d, #060219, #130528, #240835, #380c41, #4e0e49, #640f4c, #7a0e4b, #8c0e46, #9a0f3e, #a21036, #a5102b, #a40c1b, #9e0604, #901700, #821d00, #751e00, #6a1c00, #631800, #5f1300, #600b00, #660003, #6b0817, #711b2f, #7a2e49, #824466, #8b5b83, #92749d, #9a8cb2, #a3a4c3, #afb8cf, #bcc8d7, #c6d2dc, #ccd7dd, #cbd6da, #c2d0d2, #b3c5c6, #a0b8b7, #89a8a3, #72978e, #5a8677, #447560, #30654a, #1f5636, #114b25, #0a4218. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWCA-8Oj9M6mwQTvBS0qqE2g`
- Page: https://grabient.com/kWCA-8Oj9M6mwQTvBS0qqE2g?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 14.3 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 | `#000001` | `oklch(3.15% 0.0207 264.38)` | Black | white, 20.9 to 1 |
| 2 | `#000004` | `oklch(5.44% 0.0289 270.14)` | Binary Black | white, 20.9 to 1 |
| 3 | `#01010d` | `oklch(8.56% 0.0401 277.84)` | Benthic Black | white, 20.7 to 1 |
| 4 | `#060219` | `oklch(12.34% 0.0536 287.07)` | Obsidian Shard | white, 20.3 to 1 |
| 5 | `#130528` | `oklch(16.60% 0.0688 297.45)` | Election Night | white, 19.4 to 1 |
| 6 | `#240835` | `oklch(21.14% 0.0851 308.59)` | Middle Red Purple | white, 18 to 1 |
| 7 | `#380c41` | `oklch(25.80% 0.1018 320.11)` | Dark Purple | white, 16.2 to 1 |
| 8 | `#4e0e49` | `oklch(30.39% 0.1183 331.62)` | Christmas Purple | white, 14.1 to 1 |
| 9 | `#640f4c` | `oklch(34.73% 0.1339 342.74)` | Grape Purple | white, 12.2 to 1 |
| 10 | `#7a0e4b` | `oklch(38.64% 0.1480 353.07)` | Pansy Purple | white, 10.5 to 1 |
| 11 | `#8c0e46` | `oklch(41.93% 0.1599 2.23)` | Manually Pressed Grapes | white, 9.2 to 1 |
| 12 | `#9a0f3e` | `oklch(44.43% 0.1690 9.83)` | Cranberry | white, 8.3 to 1 |
| 13 | `#a21036` | `oklch(45.94% 0.1747 15.55)` | Petal of a Dying Rose | white, 7.8 to 1 |
| 14 | `#a5102b` | `oklch(46.30% 0.1779 20.48)` | Hong Kong Taxi | white, 7.7 to 1 |
| 15 | `#a40c1b` | `oklch(45.65% 0.1790 25.02)` | Romantic Thriller | white, 7.9 to 1 |
| 16 | `#9e0604` | `oklch(44.22% 0.1784 29.07)` | Dragon Red | white, 8.4 to 1 |
| 17 | `#901700` | `oklch(42.23% 0.1583 32.41)` | Brick Red | white, 9 to 1 |
| 18 | `#821d00` | `oklch(39.92% 0.1399 35.05)` | Mahogany Brown | white, 9.8 to 1 |
| 19 | `#751e00` | `oklch(37.51% 0.1262 36.78)` | Burning Steppes | white, 10.8 to 1 |
| 20 | `#6a1c00` | `oklch(35.23% 0.1166 37.50)` | Roastery | white, 11.7 to 1 |
| 21 | `#631800` | `oklch(33.31% 0.1113 37.06)` | Cowpeas | white, 12.6 to 1 |
| 22 | `#5f1300` | `oklch(31.97% 0.1112 35.36)` | Sacramental Red | white, 13.2 to 1 |
| 23 | `#600b00` | `oklch(31.44% 0.1183 32.26)` | Sacramental Red | white, 13.6 to 1 |
| 24 | `#660003` | `oklch(31.98% 0.1307 27.86)` | Red Blood | white, 13.4 to 1 |
| 25 | `#6b0817` | `oklch(33.78% 0.1286 21.33)` | Claret | white, 12.6 to 1 |
| 26 | `#711b2f` | `oklch(37.15% 0.1195 12.26)` | Squid Hat | white, 11 to 1 |
| 27 | `#7a2e49` | `oklch(41.79% 0.1087 0.85)` | Flirt | white, 9 to 1 |
| 28 | `#824466` | `oklch(47.39% 0.0966 347.57)` | Vivacious Violet | white, 7 to 1 |
| 29 | `#8b5b83` | `oklch(53.62% 0.0837 332.88)` | Dewberry | white, 5.3 to 1 |
| 30 | `#92749d` | `oklch(60.14% 0.0705 317.23)` | Diffused Orchid | black, 5.1 to 1 |
| 31 | `#9a8cb2` | `oklch(66.64% 0.0576 301.07)` | Purple Agate | black, 6.7 to 1 |
| 32 | `#a3a4c3` | `oklch(72.79% 0.0454 284.89)` | Canyon Mist | black, 8.6 to 1 |
| 33 | `#afb8cf` | `oklch(78.26% 0.0345 269.12)` | Ethereal Mist | black, 10.5 to 1 |
| 34 | `#bcc8d7` | `oklch(82.72% 0.0254 254.23)` | Light Pearl Soft Blue | black, 12.3 to 1 |
| 35 | `#c6d2dc` | `oklch(85.85% 0.0185 240.68)` | Light Stargate | black, 13.6 to 1 |
| 36 | `#ccd7dd` | `oklch(87.33% 0.0143 228.93)` | Poppy’s Whiskers | black, 14.3 to 1 |
| 37 | `#cbd6da` | `oklch(86.90% 0.0134 218.90)` | Clear to See | black, 14.1 to 1 |
| 38 | `#c2d0d2` | `oklch(84.72% 0.0154 209.50)` | Lark Wing | black, 13.2 to 1 |
| 39 | `#b3c5c6` | `oklch(81.11% 0.0200 200.68)` | Blue Agave | black, 11.7 to 1 |
| 40 | `#a0b8b7` | `oklch(76.36% 0.0266 192.43)` | Holly Glen | black, 10 to 1 |
| 41 | `#89a8a3` | `oklch(70.77% 0.0347 184.75)` | Tropical Cascade | black, 8.2 to 1 |
| 42 | `#72978e` | `oklch(64.64% 0.0438 177.64)` | Copper Roof Green | black, 6.5 to 1 |
| 43 | `#5a8677` | `oklch(58.28% 0.0533 171.11)` | Idyllic Island | black, 5 to 1 |
| 44 | `#447560` | `oklch(51.99% 0.0629 165.16)` | Fir | white, 5.3 to 1 |
| 45 | `#30654a` | `oklch(46.05% 0.0720 159.78)` | Black Pine Green | white, 6.8 to 1 |
| 46 | `#1f5636` | `oklch(40.79% 0.0800 154.97)` | Kaitoke Green | white, 8.5 to 1 |
| 47 | `#114b25` | `oklch(36.49% 0.0865 150.74)` | Troll Green | white, 10.2 to 1 |
| 48 | `#0a4218` | `oklch(33.46% 0.0909 147.08)` | Deep Pond | white, 11.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #000001 0.0%, #000004 2.1%, #01010d 4.3%, #060219 6.4%, #130528 8.5%, #240835 10.6%, #380c41 12.8%, #4e0e49 14.9%, #640f4c 17.0%, #7a0e4b 19.1%, #8c0e46 21.3%, #9a0f3e 23.4%, #a21036 25.5%, #a5102b 27.7%, #a40c1b 29.8%, #9e0604 31.9%, #901700 34.0%, #821d00 36.2%, #751e00 38.3%, #6a1c00 40.4%, #631800 42.6%, #5f1300 44.7%, #600b00 46.8%, #660003 48.9%, #6b0817 51.1%, #711b2f 53.2%, #7a2e49 55.3%, #824466 57.4%, #8b5b83 59.6%, #92749d 61.7%, #9a8cb2 63.8%, #a3a4c3 66.0%, #afb8cf 68.1%, #bcc8d7 70.2%, #c6d2dc 72.3%, #ccd7dd 74.5%, #cbd6da 76.6%, #c2d0d2 78.7%, #b3c5c6 80.9%, #a0b8b7 83.0%, #89a8a3 85.1%, #72978e 87.2%, #5a8677 89.4%, #447560 91.5%, #30654a 93.6%, #1f5636 95.7%, #114b25 97.9%, #0a4218 100.0%);
background: linear-gradient(135deg in oklch, oklch(3.15% 0.0207 264.38) 0.0%, oklch(5.44% 0.0289 270.14) 2.1%, oklch(8.56% 0.0401 277.84) 4.3%, oklch(12.34% 0.0536 287.07) 6.4%, oklch(16.60% 0.0688 297.45) 8.5%, oklch(21.14% 0.0851 308.59) 10.6%, oklch(25.80% 0.1018 320.11) 12.8%, oklch(30.39% 0.1183 331.62) 14.9%, oklch(34.73% 0.1339 342.74) 17.0%, oklch(38.64% 0.1480 353.07) 19.1%, oklch(41.93% 0.1599 2.23) 21.3%, oklch(44.43% 0.1690 9.83) 23.4%, oklch(45.94% 0.1747 15.55) 25.5%, oklch(46.30% 0.1779 20.48) 27.7%, oklch(45.65% 0.1790 25.02) 29.8%, oklch(44.22% 0.1784 29.07) 31.9%, oklch(42.23% 0.1583 32.41) 34.0%, oklch(39.92% 0.1399 35.05) 36.2%, oklch(37.51% 0.1262 36.78) 38.3%, oklch(35.23% 0.1166 37.50) 40.4%, oklch(33.31% 0.1113 37.06) 42.6%, oklch(31.97% 0.1112 35.36) 44.7%, oklch(31.44% 0.1183 32.26) 46.8%, oklch(31.98% 0.1307 27.86) 48.9%, oklch(33.78% 0.1286 21.33) 51.1%, oklch(37.15% 0.1195 12.26) 53.2%, oklch(41.79% 0.1087 0.85) 55.3%, oklch(47.39% 0.0966 347.57) 57.4%, oklch(53.62% 0.0837 332.88) 59.6%, oklch(60.14% 0.0705 317.23) 61.7%, oklch(66.64% 0.0576 301.07) 63.8%, oklch(72.79% 0.0454 284.89) 66.0%, oklch(78.26% 0.0345 269.12) 68.1%, oklch(82.72% 0.0254 254.23) 70.2%, oklch(85.85% 0.0185 240.68) 72.3%, oklch(87.33% 0.0143 228.93) 74.5%, oklch(86.90% 0.0134 218.90) 76.6%, oklch(84.72% 0.0154 209.50) 78.7%, oklch(81.11% 0.0200 200.68) 80.9%, oklch(76.36% 0.0266 192.43) 83.0%, oklch(70.77% 0.0347 184.75) 85.1%, oklch(64.64% 0.0438 177.64) 87.2%, oklch(58.28% 0.0533 171.11) 89.4%, oklch(51.99% 0.0629 165.16) 91.5%, oklch(46.05% 0.0720 159.78) 93.6%, oklch(40.79% 0.0800 154.97) 95.7%, oklch(36.49% 0.0865 150.74) 97.9%, oklch(33.46% 0.0909 147.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.031 | 0.021 | 264.4 |
| 2 | 0.457 | 0.174 | 374.3 |
| 3 | 0.327 | 0.132 | 384.8 |
| 4 | 0.874 | 0.014 | 226.3 |
| 5 | 0.335 | 0.091 | 147.1 |

## Other forms

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