# Ultraviolet cyan rupture

The Ultraviolet cyan rupture brings together dark gray, purple, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is teal.

- Also called: Black, brown, purple and light blue linear gradient
- Seed: `kUIgBAIQA_8TZrXlMLZA`
- Page: https://grabient.com/kUIgBAIQA_8TZrXlMLZA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 11 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 | `#080808` | `oklch(13.39% 0.0000 89.88)` | Reversed Grey | white, 20 to 1 |
| 2 | `#090909` | `oklch(14.04% 0.0000 89.88)` | Badab Black Wash | white, 19.8 to 1 |
| 3 | `#0b0b0b` | `oklch(14.80% 0.0000 89.88)` | Raven | white, 19.7 to 1 |
| 4 | `#0c0c0c` | `oklch(15.66% 0.0000 89.88)` | Black Wash | white, 19.5 to 1 |
| 5 | `#0f0f0f` | `oklch(16.64% 0.0000 89.88)` | Chaos Black | white, 19.2 to 1 |
| 6 | `#111111` | `oklch(17.74% 0.0000 89.88)` | Dreamless Sleep | white, 18.8 to 1 |
| 7 | `#141414` | `oklch(18.97% 0.0000 89.88)` | Sooty | white, 18.4 to 1 |
| 8 | `#171717` | `oklch(20.34% 0.0000 89.88)` | Cynical Black | white, 17.9 to 1 |
| 9 | `#1a1a1a` | `oklch(21.85% 0.0000 89.88)` | Eerie Black | white, 17.3 to 1 |
| 10 | `#1e1e1e` | `oklch(23.52% 0.0000 89.88)` | Inkwell Inception | white, 16.6 to 1 |
| 11 | `#222222` | `oklch(25.34% 0.0000 89.88)` | Eye Patch | white, 15.8 to 1 |
| 12 | `#2a2722` | `oklch(27.36% 0.0097 84.18)` | Bokara Grey | white, 14.9 to 1 |
| 13 | `#362b1c` | `oklch(29.65% 0.0297 72.83)` | Vanilla Bean Brown | white, 13.8 to 1 |
| 14 | `#482c14` | `oklch(32.17% 0.0550 58.89)` | Brown Study | white, 12.7 to 1 |
| 15 | `#5d2911` | `oklch(34.87% 0.0839 43.01)` | Hot Fudge | white, 11.7 to 1 |
| 16 | `#72211f` | `oklch(37.70% 0.1148 25.79)` | Spanish Tile | white, 10.7 to 1 |
| 17 | `#85153a` | `oklch(40.61% 0.1459 7.88)` | Atlas Red | white, 9.7 to 1 |
| 18 | `#900a5f` | `oklch(43.57% 0.1757 349.91)` | Cardinal Pink | white, 8.7 to 1 |
| 19 | `#940c89` | `oklch(46.51% 0.2025 332.50)` | Vanishing Night | white, 7.8 to 1 |
| 20 | `#901ab4` | `oklch(49.39% 0.2246 316.28)` | Minesweeper’s Purple | white, 7 to 1 |
| 21 | `#862cd9` | `oklch(52.17% 0.2404 301.88)` | Purple Protest | white, 6.2 to 1 |
| 22 | `#773ff4` | `oklch(54.81% 0.2484 289.80)` | Bluish Purple | white, 5.5 to 1 |
| 23 | `#6459ff` | `oklch(57.54% 0.2371 278.84)` | Shady Neon Blue | white, 4.7 to 1 |
| 24 | `#4e71ff` | `oklch(60.38% 0.2142 268.54)` | Lightish Blue | black, 5.1 to 1 |
| 25 | `#3485ff` | `oklch(63.27% 0.1983 258.93)` | Dodger Blue | black, 5.9 to 1 |
| 26 | `#0096ff` | `oklch(66.14% 0.1872 250.02)` | Starfleet Blue | black, 6.7 to 1 |
| 27 | `#00a4f6` | `oklch(68.94% 0.1631 241.84)` | Rockman Blue | black, 7.6 to 1 |
| 28 | `#00b1f3` | `oklch(71.59% 0.1506 234.38)` | Democrat | black, 8.5 to 1 |
| 29 | `#00bbf1` | `oklch(74.04% 0.1439 227.67)` | Blue Bikini | black, 9.4 to 1 |
| 30 | `#00c5f1` | `oklch(76.22% 0.1405 221.73)` | Blue Raspberry | black, 10.2 to 1 |
| 31 | `#00cdf1` | `oklch(78.07% 0.1391 216.58)` | Picnic Day Sky | black, 10.9 to 1 |
| 32 | `#23d2ee` | `oklch(79.53% 0.1337 212.23)` | Picnic Day Sky | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #080808 0.0%, #090909 3.2%, #0b0b0b 6.5%, #0c0c0c 9.7%, #0f0f0f 12.9%, #111111 16.1%, #141414 19.4%, #171717 22.6%, #1a1a1a 25.8%, #1e1e1e 29.0%, #222222 32.3%, #2a2722 35.5%, #362b1c 38.7%, #482c14 41.9%, #5d2911 45.2%, #72211f 48.4%, #85153a 51.6%, #900a5f 54.8%, #940c89 58.1%, #901ab4 61.3%, #862cd9 64.5%, #773ff4 67.7%, #6459ff 71.0%, #4e71ff 74.2%, #3485ff 77.4%, #0096ff 80.6%, #00a4f6 83.9%, #00b1f3 87.1%, #00bbf1 90.3%, #00c5f1 93.5%, #00cdf1 96.8%, #23d2ee 100.0%);
background: linear-gradient(135deg in oklch, oklch(13.39% 0.0000 89.88) 0.0%, oklch(14.04% 0.0000 89.88) 3.2%, oklch(14.80% 0.0000 89.88) 6.5%, oklch(15.66% 0.0000 89.88) 9.7%, oklch(16.64% 0.0000 89.88) 12.9%, oklch(17.74% 0.0000 89.88) 16.1%, oklch(18.97% 0.0000 89.88) 19.4%, oklch(20.34% 0.0000 89.88) 22.6%, oklch(21.85% 0.0000 89.88) 25.8%, oklch(23.52% 0.0000 89.88) 29.0%, oklch(25.34% 0.0000 89.88) 32.3%, oklch(27.36% 0.0097 84.18) 35.5%, oklch(29.65% 0.0297 72.83) 38.7%, oklch(32.17% 0.0550 58.89) 41.9%, oklch(34.87% 0.0839 43.01) 45.2%, oklch(37.70% 0.1148 25.79) 48.4%, oklch(40.61% 0.1459 7.88) 51.6%, oklch(43.57% 0.1757 349.91) 54.8%, oklch(46.51% 0.2025 332.50) 58.1%, oklch(49.39% 0.2246 316.28) 61.3%, oklch(52.17% 0.2404 301.88) 64.5%, oklch(54.81% 0.2484 289.80) 67.7%, oklch(57.54% 0.2371 278.84) 71.0%, oklch(60.38% 0.2142 268.54) 74.2%, oklch(63.27% 0.1983 258.93) 77.4%, oklch(66.14% 0.1872 250.02) 80.6%, oklch(68.94% 0.1631 241.84) 83.9%, oklch(71.59% 0.1506 234.38) 87.1%, oklch(74.04% 0.1439 227.67) 90.3%, oklch(76.22% 0.1405 221.73) 93.5%, oklch(78.07% 0.1391 216.58) 96.8%, oklch(79.53% 0.1337 212.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.134 | 0 | 90 |
| 2 | 0.26 | 0 | 90 |
| 3 | 0.539 | 0.247 | -66.4 |
| 4 | 0.795 | 0.134 | -147.8 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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