# Charcoal violet quiet field

Analogous purple, black and blue linear gradient with 56 colors: #c62aaa, #c12ba9, #bc2da7, #b62fa6, #b030a3, #a932a1, #a1339e, #99359a, #913696, #893691, #81378c, #783787, #703781, #68367b, #603674, #59356d, #523467, #4b3360, #453259, #403053, #3b2e4c, #362d46, #322b41, #2e2a3c, #2b2837, #292733, #272530, #25242e, #24232d, #23222c, #22222c, #21212d, #21212f, #202131, #202133, #202137, #1f223a, #1f223e, #1e2243, #1e2347, #1d234c, #1c2352, #1c2457, #1b245d, #1a2562, #182568, #17256d, #152573, #132578, #11267d, #0e2682, #0b2686, #07268a, #03268d, #002690, #00298c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous purple, black and blue linear gradient
- Seed: `kSk6XvoYa6StBvM`
- Page: https://grabient.com/kSk6XvoYa6StBvM?steps=56&angle=225
- Drawn as: linear gradient, 56 steps, 225 degrees
- Kinds: dark center, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#c62aaa` | `oklch(57.87% 0.2274 336.80)` | Perfectly Purple Place | white, 4.8 to 1 |
| 2 | `#c12ba9` | `oklch(57.24% 0.2230 335.86)` | Pink Perennial | white, 5 to 1 |
| 3 | `#bc2da7` | `oklch(56.47% 0.2178 334.77)` | San Francisco Pink | white, 5.1 to 1 |
| 4 | `#b62fa6` | `oklch(55.60% 0.2116 333.56)` | San Francisco Pink | white, 5.3 to 1 |
| 5 | `#b030a3` | `oklch(54.61% 0.2047 332.21)` | Vivid Fuchsia | white, 5.5 to 1 |
| 6 | `#a932a1` | `oklch(53.54% 0.1970 330.76)` | Purple Cactus Flower | white, 5.7 to 1 |
| 7 | `#a1339e` | `oklch(52.38% 0.1887 329.20)` | Purple Tone Ink | white, 6 to 1 |
| 8 | `#99359a` | `oklch(51.14% 0.1799 327.55)` | Purple Ink | white, 6.3 to 1 |
| 9 | `#913696` | `oklch(49.85% 0.1706 325.81)` | Warm Purple | white, 6.6 to 1 |
| 10 | `#893691` | `oklch(48.49% 0.1609 323.99)` | Dull Violet | white, 6.9 to 1 |
| 11 | `#81378c` | `oklch(47.10% 0.1510 322.12)` | Dull Violet | white, 7.3 to 1 |
| 12 | `#783787` | `oklch(45.67% 0.1408 320.18)` | Perkin Mauve | white, 7.7 to 1 |
| 13 | `#703781` | `oklch(44.22% 0.1305 318.21)` | Maximum Purple | white, 8.2 to 1 |
| 14 | `#68367b` | `oklch(42.76% 0.1202 316.20)` | Galactic Grapevine | white, 8.7 to 1 |
| 15 | `#603674` | `oklch(41.29% 0.1099 314.16)` | Purple Magic | white, 9.2 to 1 |
| 16 | `#59356d` | `oklch(39.83% 0.0998 312.11)` | Purple Protégé | white, 9.7 to 1 |
| 17 | `#523467` | `oklch(38.39% 0.0898 310.05)` | Petunia | white, 10.2 to 1 |
| 18 | `#4b3360` | `oklch(36.98% 0.0802 308.00)` | Royal Crown | white, 10.8 to 1 |
| 19 | `#453259` | `oklch(35.60% 0.0709 305.96)` | Scarlet Gum | white, 11.3 to 1 |
| 20 | `#403053` | `oklch(34.28% 0.0621 303.95)` | Naggaroth Night | white, 11.9 to 1 |
| 21 | `#3b2e4c` | `oklch(33.01% 0.0539 301.97)` | Sanctum of Shadows | white, 12.4 to 1 |
| 22 | `#362d46` | `oklch(31.81% 0.0462 300.04)` | Obsidian Lava Black | white, 12.9 to 1 |
| 23 | `#322b41` | `oklch(30.69% 0.0393 298.16)` | Viola Black | white, 13.4 to 1 |
| 24 | `#2e2a3c` | `oklch(29.65% 0.0332 296.35)` | Viola Black | white, 13.9 to 1 |
| 25 | `#2b2837` | `oklch(28.72% 0.0280 294.61)` | Mangu Black | white, 14.3 to 1 |
| 26 | `#292733` | `oklch(27.90% 0.0238 292.95)` | Mangu Black | white, 14.7 to 1 |
| 27 | `#272530` | `oklch(27.19% 0.0206 291.39)` | Closed Shutter | white, 15 to 1 |
| 28 | `#25242e` | `oklch(26.61% 0.0185 289.93)` | Closed Shutter | white, 15.3 to 1 |
| 29 | `#24232d` | `oklch(26.17% 0.0176 288.57)` | To Hell and Black | white, 15.5 to 1 |
| 30 | `#23222c` | `oklch(25.85% 0.0179 287.25)` | To Hell and Black | white, 15.6 to 1 |
| 31 | `#22222c` | `oklch(25.62% 0.0193 285.95)` | To Hell and Black | white, 15.7 to 1 |
| 32 | `#21212d` | `oklch(25.49% 0.0217 284.67)` | Black Howl | white, 15.8 to 1 |
| 33 | `#21212f` | `oklch(25.46% 0.0250 283.41)` | Black Howl | white, 15.8 to 1 |
| 34 | `#202131` | `oklch(25.50% 0.0292 282.18)` | Black Howl | white, 15.8 to 1 |
| 35 | `#202133` | `oklch(25.62% 0.0342 280.98)` | Eclipse Elixir | white, 15.7 to 1 |
| 36 | `#202137` | `oklch(25.81% 0.0398 279.80)` | Eclipse Elixir | white, 15.7 to 1 |
| 37 | `#1f223a` | `oklch(26.06% 0.0461 278.65)` | Cool Balaclavas Are Forever | white, 15.6 to 1 |
| 38 | `#1f223e` | `oklch(26.37% 0.0529 277.52)` | Cool Balaclavas Are Forever | white, 15.5 to 1 |
| 39 | `#1e2243` | `oklch(26.73% 0.0602 276.42)` | Black Market | white, 15.3 to 1 |
| 40 | `#1e2347` | `oklch(27.13% 0.0678 275.36)` | Black Market | white, 15.1 to 1 |
| 41 | `#1d234c` | `oklch(27.56% 0.0758 274.32)` | Fly-by-Night | white, 15 to 1 |
| 42 | `#1c2352` | `oklch(28.03% 0.0840 273.31)` | Spacescape | white, 14.8 to 1 |
| 43 | `#1c2457` | `oklch(28.52% 0.0924 272.33)` | Spacescape | white, 14.6 to 1 |
| 44 | `#1b245d` | `oklch(29.02% 0.1009 271.39)` | Schiava Blue | white, 14.4 to 1 |
| 45 | `#1a2562` | `oklch(29.53% 0.1093 270.48)` | Schiava Blue | white, 14.2 to 1 |
| 46 | `#182568` | `oklch(30.05% 0.1177 269.60)` | Abyssal Depths | white, 13.9 to 1 |
| 47 | `#17256d` | `oklch(30.56% 0.1259 268.75)` | Abyssal Depths | white, 13.7 to 1 |
| 48 | `#152573` | `oklch(31.06% 0.1339 267.94)` | Midnight Crest | white, 13.5 to 1 |
| 49 | `#132578` | `oklch(31.54% 0.1416 267.17)` | Impression of Obscurity | white, 13.3 to 1 |
| 50 | `#11267d` | `oklch(32.00% 0.1490 266.43)` | Impression of Obscurity | white, 13.2 to 1 |
| 51 | `#0e2682` | `oklch(32.43% 0.1558 265.73)` | Naval Adventures | white, 13 to 1 |
| 52 | `#0b2686` | `oklch(32.82% 0.1621 265.07)` | Naval Adventures | white, 12.8 to 1 |
| 53 | `#07268a` | `oklch(33.16% 0.1678 264.45)` | Naval Adventures | white, 12.7 to 1 |
| 54 | `#03268d` | `oklch(33.45% 0.1729 263.87)` | Neutrino Blue | white, 12.6 to 1 |
| 55 | `#002690` | `oklch(33.70% 0.1770 263.38)` | Neutrino Blue | white, 12.5 to 1 |
| 56 | `#00298c` | `oklch(33.87% 0.1687 262.88)` | Naval Adventures | white, 12.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #c62aaa 0.0%, #c12ba9 1.8%, #bc2da7 3.6%, #b62fa6 5.5%, #b030a3 7.3%, #a932a1 9.1%, #a1339e 10.9%, #99359a 12.7%, #913696 14.5%, #893691 16.4%, #81378c 18.2%, #783787 20.0%, #703781 21.8%, #68367b 23.6%, #603674 25.5%, #59356d 27.3%, #523467 29.1%, #4b3360 30.9%, #453259 32.7%, #403053 34.5%, #3b2e4c 36.4%, #362d46 38.2%, #322b41 40.0%, #2e2a3c 41.8%, #2b2837 43.6%, #292733 45.5%, #272530 47.3%, #25242e 49.1%, #24232d 50.9%, #23222c 52.7%, #22222c 54.5%, #21212d 56.4%, #21212f 58.2%, #202131 60.0%, #202133 61.8%, #202137 63.6%, #1f223a 65.5%, #1f223e 67.3%, #1e2243 69.1%, #1e2347 70.9%, #1d234c 72.7%, #1c2352 74.5%, #1c2457 76.4%, #1b245d 78.2%, #1a2562 80.0%, #182568 81.8%, #17256d 83.6%, #152573 85.5%, #132578 87.3%, #11267d 89.1%, #0e2682 90.9%, #0b2686 92.7%, #07268a 94.5%, #03268d 96.4%, #002690 98.2%, #00298c 100.0%);
background: linear-gradient(225deg in oklch, oklch(57.87% 0.2274 336.80) 0.0%, oklch(57.24% 0.2230 335.86) 1.8%, oklch(56.47% 0.2178 334.77) 3.6%, oklch(55.60% 0.2116 333.56) 5.5%, oklch(54.61% 0.2047 332.21) 7.3%, oklch(53.54% 0.1970 330.76) 9.1%, oklch(52.38% 0.1887 329.20) 10.9%, oklch(51.14% 0.1799 327.55) 12.7%, oklch(49.85% 0.1706 325.81) 14.5%, oklch(48.49% 0.1609 323.99) 16.4%, oklch(47.10% 0.1510 322.12) 18.2%, oklch(45.67% 0.1408 320.18) 20.0%, oklch(44.22% 0.1305 318.21) 21.8%, oklch(42.76% 0.1202 316.20) 23.6%, oklch(41.29% 0.1099 314.16) 25.5%, oklch(39.83% 0.0998 312.11) 27.3%, oklch(38.39% 0.0898 310.05) 29.1%, oklch(36.98% 0.0802 308.00) 30.9%, oklch(35.60% 0.0709 305.96) 32.7%, oklch(34.28% 0.0621 303.95) 34.5%, oklch(33.01% 0.0539 301.97) 36.4%, oklch(31.81% 0.0462 300.04) 38.2%, oklch(30.69% 0.0393 298.16) 40.0%, oklch(29.65% 0.0332 296.35) 41.8%, oklch(28.72% 0.0280 294.61) 43.6%, oklch(27.90% 0.0238 292.95) 45.5%, oklch(27.19% 0.0206 291.39) 47.3%, oklch(26.61% 0.0185 289.93) 49.1%, oklch(26.17% 0.0176 288.57) 50.9%, oklch(25.85% 0.0179 287.25) 52.7%, oklch(25.62% 0.0193 285.95) 54.5%, oklch(25.49% 0.0217 284.67) 56.4%, oklch(25.46% 0.0250 283.41) 58.2%, oklch(25.50% 0.0292 282.18) 60.0%, oklch(25.62% 0.0342 280.98) 61.8%, oklch(25.81% 0.0398 279.80) 63.6%, oklch(26.06% 0.0461 278.65) 65.5%, oklch(26.37% 0.0529 277.52) 67.3%, oklch(26.73% 0.0602 276.42) 69.1%, oklch(27.13% 0.0678 275.36) 70.9%, oklch(27.56% 0.0758 274.32) 72.7%, oklch(28.03% 0.0840 273.31) 74.5%, oklch(28.52% 0.0924 272.33) 76.4%, oklch(29.02% 0.1009 271.39) 78.2%, oklch(29.53% 0.1093 270.48) 80.0%, oklch(30.05% 0.1177 269.60) 81.8%, oklch(30.56% 0.1259 268.75) 83.6%, oklch(31.06% 0.1339 267.94) 85.5%, oklch(31.54% 0.1416 267.17) 87.3%, oklch(32.00% 0.1490 266.43) 89.1%, oklch(32.43% 0.1558 265.73) 90.9%, oklch(32.82% 0.1621 265.07) 92.7%, oklch(33.16% 0.1678 264.45) 94.5%, oklch(33.45% 0.1729 263.87) 96.4%, oklch(33.70% 0.1770 263.38) 98.2%, oklch(33.87% 0.1687 262.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.227 | 336.8 |
| 2 | 0.264 | 0.018 | 289.2 |
| 3 | 0.339 | 0.181 | 262.8 |

## In these collections

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

## Other forms

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