# Seamless black and purple angular swatches

Seamless black and purple angular swatches with 40 colors: #040105, #060208, #0a030d, #100413, #16051a, #1d0822, #240a2b, #2c0e34, #34113c, #3b1444, #42164c, #4a1a53, #521d5b, #5c2163, #65246a, #6e2871, #762b77, #7d2d7b, #822f7f, #843180, #82317f, #7e307c, #762e77, #6c2c70, #622968, #56255f, #4b2155, #411d4c, #381a43, #30163b, #2a1434, #24102d, #1e0d26, #190a20, #14071a, #0f0514, #0b040f, #08030b, #050208, #040105. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWFw_jpSS_7q2wQgGb4i4e_4`
- Page: https://grabient.com/kWFw_jpSS_7q2wQgGb4i4e_4?style=angularSwatches&steps=40&angle=135
- Drawn as: angular swatches, 40 steps, 135 degrees
- Kinds: light center, dark, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#040105` | `oklch(9.06% 0.0207 319.92)` | Raven’s Coat | white, 20.7 to 1 |
| 2 | `#060208` | `oklch(10.30% 0.0257 319.88)` | Raven’s Coat | white, 20.5 to 1 |
| 3 | `#0a030d` | `oklch(11.93% 0.0324 319.76)` | Broken Tube | white, 20.3 to 1 |
| 4 | `#100413` | `oklch(13.86% 0.0404 319.61)` | Not Tonight | white, 20 to 1 |
| 5 | `#16051a` | `oklch(16.02% 0.0493 319.45)` | Crow | white, 19.5 to 1 |
| 6 | `#1d0822` | `oklch(18.33% 0.0587 319.31)` | Meški Black | white, 18.9 to 1 |
| 7 | `#240a2b` | `oklch(20.73% 0.0684 319.23)` | Blacklist | white, 18.1 to 1 |
| 8 | `#2c0e34` | `oklch(23.13% 0.0780 319.23)` | Dark Prom Queen | white, 17.2 to 1 |
| 9 | `#34113c` | `oklch(25.45% 0.0870 319.35)` | Purple Door | white, 16.2 to 1 |
| 10 | `#3b1444` | `oklch(27.64% 0.0952 319.61)` | Velvet Cosmos | white, 15.3 to 1 |
| 11 | `#42164c` | `oklch(29.62% 0.1023 320.06)` | Velvet Cosmos | white, 14.4 to 1 |
| 12 | `#4a1a53` | `oklch(31.73% 0.1094 320.85)` | Plunged Into Darkness | white, 13.4 to 1 |
| 13 | `#521d5b` | `oklch(34.03% 0.1168 321.97)` | Purple Velour | white, 12.4 to 1 |
| 14 | `#5c2163` | `oklch(36.41% 0.1242 323.29)` | Elegant Purple Gown | white, 11.3 to 1 |
| 15 | `#65246a` | `oklch(38.76% 0.1313 324.71)` | Blackest Berry | white, 10.4 to 1 |
| 16 | `#6e2871` | `oklch(40.96% 0.1377 326.12)` | Count’s Wardrobe | white, 9.5 to 1 |
| 17 | `#762b77` | `oklch(42.90% 0.1432 327.42)` | Count’s Wardrobe | white, 8.8 to 1 |
| 18 | `#7d2d7b` | `oklch(44.48% 0.1474 328.48)` | Veronica Purple | white, 8.2 to 1 |
| 19 | `#822f7f` | `oklch(45.57% 0.1500 329.21)` | Purple Sultan | white, 7.8 to 1 |
| 20 | `#843180` | `oklch(46.07% 0.1507 329.49)` | Purple Sultan | white, 7.7 to 1 |
| 21 | `#82317f` | `oklch(45.86% 0.1490 329.22)` | Purple Sultan | white, 7.7 to 1 |
| 22 | `#7e307c` | `oklch(44.89% 0.1447 328.35)` | Veronica Purple | white, 8 to 1 |
| 23 | `#762e77` | `oklch(43.28% 0.1381 327.00)` | Maximum Purple | white, 8.6 to 1 |
| 24 | `#6c2c70` | `oklch(41.16% 0.1298 325.30)` | Seance | white, 9.4 to 1 |
| 25 | `#622968` | `oklch(38.69% 0.1202 323.38)` | Imperial | white, 10.3 to 1 |
| 26 | `#56255f` | `oklch(35.99% 0.1100 321.36)` | Kuwanomi Purple | white, 11.4 to 1 |
| 27 | `#4b2155` | `oklch(33.20% 0.0995 319.37)` | Wonka Purple | white, 12.6 to 1 |
| 28 | `#411d4c` | `oklch(30.46% 0.0893 317.54)` | Obsidian Orchid | white, 13.9 to 1 |
| 29 | `#381a43` | `oklch(27.91% 0.0800 315.99)` | Power Outage | white, 15 to 1 |
| 30 | `#30163b` | `oklch(25.69% 0.0720 314.85)` | Blackcurrant | white, 16 to 1 |
| 31 | `#2a1434` | `oklch(23.76% 0.0653 314.15)` | Dark Prom Queen | white, 16.8 to 1 |
| 32 | `#24102d` | `oklch(21.80% 0.0589 313.74)` | Blacklist | white, 17.6 to 1 |
| 33 | `#1e0d26` | `oklch(19.84% 0.0527 313.56)` | Meški Black | white, 18.3 to 1 |
| 34 | `#190a20` | `oklch(17.91% 0.0467 313.56)` | Meški Black | white, 19 to 1 |
| 35 | `#14071a` | `oklch(16.05% 0.0411 313.69)` | Crow | white, 19.5 to 1 |
| 36 | `#0f0514` | `oklch(14.29% 0.0360 313.90)` | Not Tonight | white, 19.9 to 1 |
| 37 | `#0b040f` | `oklch(12.68% 0.0313 314.15)` | Not Tonight | white, 20.2 to 1 |
| 38 | `#08030b` | `oklch(11.24% 0.0271 314.39)` | Broken Tube | white, 20.4 to 1 |
| 39 | `#050208` | `oklch(10.02% 0.0236 314.57)` | Raven’s Coat | white, 20.6 to 1 |
| 40 | `#040105` | `oklch(9.06% 0.0207 314.64)` | Raven’s Coat | white, 20.7 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #040105 0.000% 2.500%, #060208 2.500% 5.000%, #0a030d 5.000% 7.500%, #100413 7.500% 10.000%, #16051a 10.000% 12.500%, #1d0822 12.500% 15.000%, #240a2b 15.000% 17.500%, #2c0e34 17.500% 20.000%, #34113c 20.000% 22.500%, #3b1444 22.500% 25.000%, #42164c 25.000% 27.500%, #4a1a53 27.500% 30.000%, #521d5b 30.000% 32.500%, #5c2163 32.500% 35.000%, #65246a 35.000% 37.500%, #6e2871 37.500% 40.000%, #762b77 40.000% 42.500%, #7d2d7b 42.500% 45.000%, #822f7f 45.000% 47.500%, #843180 47.500% 50.000%, #82317f 50.000% 52.500%, #7e307c 52.500% 55.000%, #762e77 55.000% 57.500%, #6c2c70 57.500% 60.000%, #622968 60.000% 62.500%, #56255f 62.500% 65.000%, #4b2155 65.000% 67.500%, #411d4c 67.500% 70.000%, #381a43 70.000% 72.500%, #30163b 72.500% 75.000%, #2a1434 75.000% 77.500%, #24102d 77.500% 80.000%, #1e0d26 80.000% 82.500%, #190a20 82.500% 85.000%, #14071a 85.000% 87.500%, #0f0514 87.500% 90.000%, #0b040f 90.000% 92.500%, #08030b 92.500% 95.000%, #050208 95.000% 97.500%, #040105 97.500% 100.000%);
background: conic-gradient(from 135deg, oklch(9.06% 0.0207 319.92) 0.000% 2.500%, oklch(10.30% 0.0257 319.88) 2.500% 5.000%, oklch(11.93% 0.0324 319.76) 5.000% 7.500%, oklch(13.86% 0.0404 319.61) 7.500% 10.000%, oklch(16.02% 0.0493 319.45) 10.000% 12.500%, oklch(18.33% 0.0587 319.31) 12.500% 15.000%, oklch(20.73% 0.0684 319.23) 15.000% 17.500%, oklch(23.13% 0.0780 319.23) 17.500% 20.000%, oklch(25.45% 0.0870 319.35) 20.000% 22.500%, oklch(27.64% 0.0952 319.61) 22.500% 25.000%, oklch(29.62% 0.1023 320.06) 25.000% 27.500%, oklch(31.73% 0.1094 320.85) 27.500% 30.000%, oklch(34.03% 0.1168 321.97) 30.000% 32.500%, oklch(36.41% 0.1242 323.29) 32.500% 35.000%, oklch(38.76% 0.1313 324.71) 35.000% 37.500%, oklch(40.96% 0.1377 326.12) 37.500% 40.000%, oklch(42.90% 0.1432 327.42) 40.000% 42.500%, oklch(44.48% 0.1474 328.48) 42.500% 45.000%, oklch(45.57% 0.1500 329.21) 45.000% 47.500%, oklch(46.07% 0.1507 329.49) 47.500% 50.000%, oklch(45.86% 0.1490 329.22) 50.000% 52.500%, oklch(44.89% 0.1447 328.35) 52.500% 55.000%, oklch(43.28% 0.1381 327.00) 55.000% 57.500%, oklch(41.16% 0.1298 325.30) 57.500% 60.000%, oklch(38.69% 0.1202 323.38) 60.000% 62.500%, oklch(35.99% 0.1100 321.36) 62.500% 65.000%, oklch(33.20% 0.0995 319.37) 65.000% 67.500%, oklch(30.46% 0.0893 317.54) 67.500% 70.000%, oklch(27.91% 0.0800 315.99) 70.000% 72.500%, oklch(25.69% 0.0720 314.85) 72.500% 75.000%, oklch(23.76% 0.0653 314.15) 75.000% 77.500%, oklch(21.80% 0.0589 313.74) 77.500% 80.000%, oklch(19.84% 0.0527 313.56) 80.000% 82.500%, oklch(17.91% 0.0467 313.56) 82.500% 85.000%, oklch(16.05% 0.0411 313.69) 85.000% 87.500%, oklch(14.29% 0.0360 313.90) 87.500% 90.000%, oklch(12.68% 0.0313 314.15) 90.000% 92.500%, oklch(11.24% 0.0271 314.39) 92.500% 95.000%, oklch(10.02% 0.0236 314.57) 95.000% 97.500%, oklch(9.06% 0.0207 314.64) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.091 | 0.021 | 319.9 |
| 2 | 0.291 | 0.101 | 319.9 |
| 3 | 0.461 | 0.15 | 329.4 |
| 4 | 0.252 | 0.07 | 314.6 |
| 5 | 0.091 | 0.021 | 314.6 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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