# Black, pink, purple and teal linear gradient

Black, pink, purple and teal linear gradient with 32 colors: #010204, #03060e, #0c0f20, #1f1c37, #39294f, #5a3766, #7e4476, #a1507f, #c05b82, #d76481, #e36980, #e36980, #d6647f, #c05a7d, #a24e78, #81416e, #603460, #42284e, #2a1e3d, #19162d, #0f1124, #0b1122, #0a1627, #092032, #062e41, #004052, #005562, #006a71, #00807e, #009588, #00a68d, #04b28e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUFQm2VjfNhcNM_WsDRA`
- Page: https://grabient.com/kUFQm2VjfNhcNM_WsDRA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.7 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 | `#010204` | `oklch(8.27% 0.0124 255.94)` | Black Hole | white, 20.7 to 1 |
| 2 | `#03060e` | `oklch(12.14% 0.0215 263.45)` | Eight Ball | white, 20.2 to 1 |
| 3 | `#0c0f20` | `oklch(17.68% 0.0347 274.25)` | Tristesse | white, 18.9 to 1 |
| 4 | `#1f1c37` | `oklch(24.44% 0.0506 287.44)` | Nightwalker | white, 16.4 to 1 |
| 5 | `#39294f` | `oklch(31.97% 0.0684 302.10)` | Operetta Mauve | white, 13 to 1 |
| 6 | `#5a3766` | `oklch(39.79% 0.0869 317.34)` | Damson Mauve | white, 9.6 to 1 |
| 7 | `#7e4476` | `oklch(47.46% 0.1051 332.25)` | Magic Magenta | white, 7 to 1 |
| 8 | `#a1507f` | `oklch(54.52% 0.1217 345.94)` | Our Little Secret | white, 5.2 to 1 |
| 9 | `#c05b82` | `oklch(60.50% 0.1359 357.50)` | Beauty Queen | black, 5 to 1 |
| 10 | `#d76481` | `oklch(64.95% 0.1464 6.03)` | Surfer Girl | black, 6 to 1 |
| 11 | `#e36980` | `oklch(67.42% 0.1522 10.62)` | Cherry Brandy | black, 6.6 to 1 |
| 12 | `#e36980` | `oklch(67.40% 0.1523 10.69)` | Cherry Brandy | black, 6.6 to 1 |
| 13 | `#d6647f` | `oklch(64.82% 0.1463 7.02)` | Surfer Girl | black, 5.9 to 1 |
| 14 | `#c05a7d` | `oklch(60.20% 0.1358 0.25)` | Tutti Frutti | black, 4.9 to 1 |
| 15 | `#a24e78` | `oklch(54.12% 0.1217 350.99)` | Our Little Secret | white, 5.3 to 1 |
| 16 | `#81416e` | `oklch(47.15% 0.1056 339.84)` | Club Mauve | white, 7.1 to 1 |
| 17 | `#603460` | `oklch(39.85% 0.0886 327.39)` | Long Passionate Night | white, 9.7 to 1 |
| 18 | `#42284e` | `oklch(32.79% 0.0721 314.24)` | Operetta Mauve | white, 12.6 to 1 |
| 19 | `#2a1e3d` | `oklch(26.53% 0.0572 300.98)` | Throat | white, 15.5 to 1 |
| 20 | `#19162d` | `oklch(21.65% 0.0454 288.22)` | Sambucus | white, 17.5 to 1 |
| 21 | `#0f1124` | `oklch(18.71% 0.0379 276.55)` | Corbeau | white, 18.6 to 1 |
| 22 | `#0b1122` | `oklch(18.24% 0.0358 266.41)` | Corbeau | white, 18.7 to 1 |
| 23 | `#0a1627` | `oklch(20.05% 0.0385 256.13)` | Creeping Death | white, 18 to 1 |
| 24 | `#092032` | `oklch(23.65% 0.0451 245.33)` | The Count’s Black | white, 16.5 to 1 |
| 25 | `#062e41` | `oklch(28.63% 0.0545 234.27)` | NATO Blue | white, 14.1 to 1 |
| 26 | `#004052` | `oklch(34.60% 0.0646 223.28)` | Maniac Mansion | white, 11.2 to 1 |
| 27 | `#005562` | `oklch(41.13% 0.0718 212.45)` | Rainy Morning | white, 8.5 to 1 |
| 28 | `#006a71` | `oklch(47.82% 0.0814 202.16)` | Deep Lake | white, 6.3 to 1 |
| 29 | `#00807e` | `oklch(54.27% 0.0930 192.65)` | Belly Flop | white, 4.7 to 1 |
| 30 | `#009588` | `oklch(60.08% 0.1063 184.18)` | Approval Green | black, 5.6 to 1 |
| 31 | `#00a68d` | `oklch(64.83% 0.1202 177.01)` | Brilliant Turquoise | black, 6.8 to 1 |
| 32 | `#04b28e` | `oklch(68.11% 0.1323 171.40)` | Victorian Greenhouse | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #010204 0.0%, #03060e 3.2%, #0c0f20 6.5%, #1f1c37 9.7%, #39294f 12.9%, #5a3766 16.1%, #7e4476 19.4%, #a1507f 22.6%, #c05b82 25.8%, #d76481 29.0%, #e36980 32.3%, #e36980 35.5%, #d6647f 38.7%, #c05a7d 41.9%, #a24e78 45.2%, #81416e 48.4%, #603460 51.6%, #42284e 54.8%, #2a1e3d 58.1%, #19162d 61.3%, #0f1124 64.5%, #0b1122 67.7%, #0a1627 71.0%, #092032 74.2%, #062e41 77.4%, #004052 80.6%, #005562 83.9%, #006a71 87.1%, #00807e 90.3%, #009588 93.5%, #00a68d 96.8%, #04b28e 100.0%);
background: linear-gradient(135deg in oklch, oklch(8.27% 0.0124 255.94) 0.0%, oklch(12.14% 0.0215 263.45) 3.2%, oklch(17.68% 0.0347 274.25) 6.5%, oklch(24.44% 0.0506 287.44) 9.7%, oklch(31.97% 0.0684 302.10) 12.9%, oklch(39.79% 0.0869 317.34) 16.1%, oklch(47.46% 0.1051 332.25) 19.4%, oklch(54.52% 0.1217 345.94) 22.6%, oklch(60.50% 0.1359 357.50) 25.8%, oklch(64.95% 0.1464 6.03) 29.0%, oklch(67.42% 0.1522 10.62) 32.3%, oklch(67.40% 0.1523 10.69) 35.5%, oklch(64.82% 0.1463 7.02) 38.7%, oklch(60.20% 0.1358 0.25) 41.9%, oklch(54.12% 0.1217 350.99) 45.2%, oklch(47.15% 0.1056 339.84) 48.4%, oklch(39.85% 0.0886 327.39) 51.6%, oklch(32.79% 0.0721 314.24) 54.8%, oklch(26.53% 0.0572 300.98) 58.1%, oklch(21.65% 0.0454 288.22) 61.3%, oklch(18.71% 0.0379 276.55) 64.5%, oklch(18.24% 0.0358 266.41) 67.7%, oklch(20.05% 0.0385 256.13) 71.0%, oklch(23.65% 0.0451 245.33) 74.2%, oklch(28.63% 0.0545 234.27) 77.4%, oklch(34.60% 0.0646 223.28) 80.6%, oklch(41.13% 0.0718 212.45) 83.9%, oklch(47.82% 0.0814 202.16) 87.1%, oklch(54.27% 0.0930 192.65) 90.3%, oklch(60.08% 0.1063 184.18) 93.5%, oklch(64.83% 0.1202 177.01) 96.8%, oklch(68.11% 0.1323 171.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.083 | 0.012 | 255.9 |
| 2 | 0.677 | 0.153 | 371.1 |
| 3 | 0.181 | 0.036 | 269.7 |
| 4 | 0.681 | 0.132 | 171.4 |

## Other forms

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