# Electric mint violet sweep

The Electric mint violet sweep brings together dark teal, teal, and magenta. 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 teal, and its lightest tone is teal.

- Also called: Black, teal, light blue and purple linear gradient
- Seed: `kUNBSCPh3AvE-PhLXVGg`
- Page: https://grabient.com/kUNBSCPh3AvE-PhLXVGg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, cool, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 13.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 | `#071b18` | `oklch(20.47% 0.0276 182.81)` | Black Stallion | white, 17.7 to 1 |
| 2 | `#071f1c` | `oklch(22.05% 0.0305 183.27)` | Stellar Explorer | white, 17.1 to 1 |
| 3 | `#092421` | `oklch(24.00% 0.0340 183.98)` | Teal Spill | white, 16.2 to 1 |
| 4 | `#0a2b27` | `oklch(26.28% 0.0382 184.85)` | Guerrilla Forest | white, 15.1 to 1 |
| 5 | `#0c322e` | `oklch(28.84% 0.0428 185.82)` | Fence Green | white, 13.9 to 1 |
| 6 | `#0d3a36` | `oklch(31.65% 0.0479 186.81)` | Night Turquoise | white, 12.5 to 1 |
| 7 | `#0e423f` | `oklch(34.65% 0.0535 187.74)` | Botanical Night | white, 11.1 to 1 |
| 8 | `#0f4c48` | `oklch(37.80% 0.0594 188.53)` | Swamp Mausoleum | white, 9.7 to 1 |
| 9 | `#105652` | `oklch(41.06% 0.0657 189.10)` | Tabriz Teal | white, 8.5 to 1 |
| 10 | `#0f605c` | `oklch(44.38% 0.0722 189.37)` | Empress Teal | white, 7.3 to 1 |
| 11 | `#0e6b66` | `oklch(47.71% 0.0790 189.28)` | Chitin Green | white, 6.3 to 1 |
| 12 | `#0d7670` | `oklch(51.21% 0.0861 188.43)` | Mermaid Harbour | white, 5.4 to 1 |
| 13 | `#11847b` | `oklch(55.39% 0.0938 186.05)` | Egyptian Green | black, 4.6 to 1 |
| 14 | `#1a9486` | `oklch(60.07% 0.1020 182.54)` | Approval Green | black, 5.6 to 1 |
| 15 | `#26a590` | `oklch(65.04% 0.1106 178.43)` | Fishy House | black, 6.8 to 1 |
| 16 | `#33b699` | `oklch(70.07% 0.1195 174.22)` | Green Blue | black, 8.3 to 1 |
| 17 | `#40c8a2` | `oklch(74.94% 0.1287 170.44)` | Jadeite | black, 9.9 to 1 |
| 18 | `#4bd8aa` | `oklch(79.42% 0.1379 167.58)` | Channel Marker Green | black, 11.6 to 1 |
| 19 | `#50e6b2` | `oklch(83.30% 0.1472 166.16)` | Aquamarine | black, 13.3 to 1 |
| 20 | `#4df2bc` | `oklch(86.35% 0.1563 166.69)` | Onsen | black, 14.7 to 1 |
| 21 | `#37fbc7` | `oklch(88.34% 0.1651 169.68)` | Bright Teal | black, 15.7 to 1 |
| 22 | `#00fed6` | `oklch(89.06% 0.1669 175.71)` | Ice Ice Baby | black, 16.1 to 1 |
| 23 | `#00f9e7` | `oklch(88.33% 0.1552 185.63)` | Bright Aqua | black, 15.6 to 1 |
| 24 | `#00eff6` | `oklch(86.37% 0.1469 198.92)` | Electric Cyan | black, 14.6 to 1 |
| 25 | `#3bdfff` | `oklch(83.46% 0.1351 214.71)` | Splashing Wave | black, 13.1 to 1 |
| 26 | `#5ecbff` | `oklch(79.85% 0.1235 232.16)` | Skyan | black, 11.4 to 1 |
| 27 | `#6eb6ff` | `oklch(75.84% 0.1285 250.39)` | French Sky Blue | black, 9.7 to 1 |
| 28 | `#7d9eff` | `oklch(71.68% 0.1465 268.56)` | Periwinkle Blue | black, 8.2 to 1 |
| 29 | `#9082ff` | `oklch(67.65% 0.1794 285.80)` | Periwinkle | black, 6.8 to 1 |
| 30 | `#a75cff` | `oklch(64.02% 0.2319 301.26)` | Vega Violet | black, 5.6 to 1 |
| 31 | `#b83de9` | `oklch(61.07% 0.2514 314.06)` | Eupatorium Purple | black, 4.8 to 1 |
| 32 | `#c025d2` | `oklch(59.06% 0.2563 323.36)` | Shades of Rhodonite | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #071b18 0.0%, #071f1c 3.2%, #092421 6.5%, #0a2b27 9.7%, #0c322e 12.9%, #0d3a36 16.1%, #0e423f 19.4%, #0f4c48 22.6%, #105652 25.8%, #0f605c 29.0%, #0e6b66 32.3%, #0d7670 35.5%, #11847b 38.7%, #1a9486 41.9%, #26a590 45.2%, #33b699 48.4%, #40c8a2 51.6%, #4bd8aa 54.8%, #50e6b2 58.1%, #4df2bc 61.3%, #37fbc7 64.5%, #00fed6 67.7%, #00f9e7 71.0%, #00eff6 74.2%, #3bdfff 77.4%, #5ecbff 80.6%, #6eb6ff 83.9%, #7d9eff 87.1%, #9082ff 90.3%, #a75cff 93.5%, #b83de9 96.8%, #c025d2 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.47% 0.0276 182.81) 0.0%, oklch(22.05% 0.0305 183.27) 3.2%, oklch(24.00% 0.0340 183.98) 6.5%, oklch(26.28% 0.0382 184.85) 9.7%, oklch(28.84% 0.0428 185.82) 12.9%, oklch(31.65% 0.0479 186.81) 16.1%, oklch(34.65% 0.0535 187.74) 19.4%, oklch(37.80% 0.0594 188.53) 22.6%, oklch(41.06% 0.0657 189.10) 25.8%, oklch(44.38% 0.0722 189.37) 29.0%, oklch(47.71% 0.0790 189.28) 32.3%, oklch(51.21% 0.0861 188.43) 35.5%, oklch(55.39% 0.0938 186.05) 38.7%, oklch(60.07% 0.1020 182.54) 41.9%, oklch(65.04% 0.1106 178.43) 45.2%, oklch(70.07% 0.1195 174.22) 48.4%, oklch(74.94% 0.1287 170.44) 51.6%, oklch(79.42% 0.1379 167.58) 54.8%, oklch(83.30% 0.1472 166.16) 58.1%, oklch(86.35% 0.1563 166.69) 61.3%, oklch(88.34% 0.1651 169.68) 64.5%, oklch(89.06% 0.1669 175.71) 67.7%, oklch(88.33% 0.1552 185.63) 71.0%, oklch(86.37% 0.1469 198.92) 74.2%, oklch(83.46% 0.1351 214.71) 77.4%, oklch(79.85% 0.1235 232.16) 80.6%, oklch(75.84% 0.1285 250.39) 83.9%, oklch(71.68% 0.1465 268.56) 87.1%, oklch(67.65% 0.1794 285.80) 90.3%, oklch(64.02% 0.2319 301.26) 93.5%, oklch(61.07% 0.2514 314.06) 96.8%, oklch(59.06% 0.2563 323.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.028 | 182.8 |
| 2 | 0.488 | 0.081 | 189.2 |
| 3 | 0.89 | 0.171 | 173.3 |
| 4 | 0.591 | 0.256 | 323.4 |

## In these collections

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

## Other forms

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