# Ink blue violet and berry sheen bands

Seamless black, blue and purple linear swatches with 64 colors: #0a0c13, #0b0e16, #0d0f1a, #0e111f, #111224, #14142a, #171630, #1b1736, #1f193d, #241a44, #291c4a, #2d1d50, #321f57, #36215d, #3a2362, #3d2668, #3f296d, #402c72, #3f3177, #3c367c, #383c80, #334283, #2d4885, #264e86, #1f5486, #185986, #125e85, #0f6284, #0e6583, #116884, #146b84, #176d87, #196e8a, #1e6f8f, #256f96, #2f6e9e, #3d6ca6, #4c69ad, #5c65b1, #6c60b2, #7c5ab0, #8a54aa, #964ea0, #a04894, #a74387, #ab3e7b, #ac3a71, #aa3769, #a53565, #9d3362, #933162, #872f61, #792d60, #6a2b5f, #5b295b, #4b2756, #3d244e, #302145, #241e3b, #1b1a31, #141727, #0f131f, #0c1018, #0a0d12. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black, blue and purple linear swatches
- Seed: `kWKAvBq6lCr-ft5BuM-lAS0Y`
- Page: https://grabient.com/kWKAvBq6lCr-ft5BuM-lAS0Y?style=linearSwatches&steps=64&angle=120
- Drawn as: linear swatches, 64 steps, 120 degrees
- Kinds: light center, cool, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#0a0c13` | `oklch(15.75% 0.0152 272.11)` | Midnight Oil | white, 19.4 to 1 |
| 2 | `#0b0e16` | `oklch(16.41% 0.0189 273.12)` | Midnight Oil | white, 19.3 to 1 |
| 3 | `#0d0f1a` | `oklch(17.22% 0.0237 274.60)` | Nyctophobia | white, 19 to 1 |
| 4 | `#0e111f` | `oklch(18.16% 0.0295 276.47)` | Corbeau | white, 18.8 to 1 |
| 5 | `#111224` | `oklch(19.21% 0.0361 278.63)` | Corbeau | white, 18.4 to 1 |
| 6 | `#14142a` | `oklch(20.35% 0.0432 281.01)` | Sambucus | white, 18 to 1 |
| 7 | `#171630` | `oklch(21.57% 0.0509 283.49)` | Lost in Sadness | white, 17.6 to 1 |
| 8 | `#1b1736` | `oklch(22.85% 0.0587 286.01)` | Lost in Sadness | white, 17.1 to 1 |
| 9 | `#1f193d` | `oklch(24.18% 0.0667 288.46)` | Prune Plum | white, 16.6 to 1 |
| 10 | `#241a44` | `oklch(25.54% 0.0746 290.76)` | Azulado | white, 16 to 1 |
| 11 | `#291c4a` | `oklch(26.92% 0.0823 292.81)` | Silent Orbit | white, 15.4 to 1 |
| 12 | `#2d1d50` | `oklch(28.29% 0.0895 294.53)` | Russian Violet | white, 14.8 to 1 |
| 13 | `#321f57` | `oklch(29.64% 0.0962 295.82)` | Stormy Night | white, 14.2 to 1 |
| 14 | `#36215d` | `oklch(30.95% 0.1021 296.60)` | Christalle | white, 13.6 to 1 |
| 15 | `#3a2362` | `oklch(32.22% 0.1070 296.78)` | Christalle | white, 13.1 to 1 |
| 16 | `#3d2668` | `oklch(33.41% 0.1109 296.26)` | Fading Horizon | white, 12.5 to 1 |
| 17 | `#3f296d` | `oklch(34.52% 0.1135 294.93)` | Her Highness | white, 12 to 1 |
| 18 | `#402c72` | `oklch(35.64% 0.1148 292.31)` | Her Highness | white, 11.5 to 1 |
| 19 | `#3f3177` | `oklch(36.77% 0.1149 288.40)` | Her Highness | white, 10.9 to 1 |
| 20 | `#3c367c` | `oklch(37.92% 0.1140 283.41)` | Sage Violet | white, 10.4 to 1 |
| 21 | `#383c80` | `oklch(39.08% 0.1123 277.60)` | Evening Magic | white, 9.8 to 1 |
| 22 | `#334283` | `oklch(40.23% 0.1099 271.17)` | Official Violet | white, 9.3 to 1 |
| 23 | `#2d4885` | `oklch(41.37% 0.1070 264.36)` | Florida Waters | white, 8.8 to 1 |
| 24 | `#264e86` | `oklch(42.50% 0.1038 257.41)` | Night Mode | white, 8.3 to 1 |
| 25 | `#1f5486` | `oklch(43.59% 0.1004 250.53)` | Frank Blue | white, 7.8 to 1 |
| 26 | `#185986` | `oklch(44.65% 0.0971 243.96)` | Stunning Sapphire | white, 7.4 to 1 |
| 27 | `#125e85` | `oklch(45.66% 0.0938 237.93)` | Sapphire Sparkle | white, 7.1 to 1 |
| 28 | `#0f6284` | `oklch(46.61% 0.0910 232.66)` | Blue Velvet | white, 6.8 to 1 |
| 29 | `#0e6583` | `oklch(47.51% 0.0886 228.39)` | Journey Into Night | white, 6.5 to 1 |
| 30 | `#116884` | `oklch(48.33% 0.0869 225.33)` | Ansel | white, 6.2 to 1 |
| 31 | `#146b84` | `oklch(49.06% 0.0861 223.73)` | Arabian Nights | white, 6 to 1 |
| 32 | `#176d87` | `oklch(49.71% 0.0863 223.81)` | Private Eye | white, 5.9 to 1 |
| 33 | `#196e8a` | `oklch(50.28% 0.0877 225.86)` | Seaport | white, 5.7 to 1 |
| 34 | `#1e6f8f` | `oklch(50.86% 0.0905 230.23)` | Chill of the Night | white, 5.6 to 1 |
| 35 | `#256f96` | `oklch(51.44% 0.0947 236.68)` | Blue Oasis | white, 5.5 to 1 |
| 36 | `#2f6e9e` | `oklch(52.02% 0.0998 244.86)` | Lochmara | white, 5.4 to 1 |
| 37 | `#3d6ca6` | `oklch(52.57% 0.1058 254.45)` | Mega Blue | white, 5.3 to 1 |
| 38 | `#4c69ad` | `oklch(53.08% 0.1123 265.11)` | Waterline Blue | white, 5.3 to 1 |
| 39 | `#5c65b1` | `oklch(53.53% 0.1191 276.51)` | Evening Lagoon | white, 5.3 to 1 |
| 40 | `#6c60b2` | `oklch(53.90% 0.1260 288.32)` | Blue Marguerite | white, 5.3 to 1 |
| 41 | `#7c5ab0` | `oklch(54.17% 0.1328 300.20)` | Simply Purple | white, 5.3 to 1 |
| 42 | `#8a54aa` | `oklch(54.32% 0.1392 311.81)` | Vicious Violet | white, 5.3 to 1 |
| 43 | `#964ea0` | `oklch(54.35% 0.1449 322.83)` | Vicious Violet | white, 5.3 to 1 |
| 44 | `#a04894` | `oklch(54.22% 0.1499 332.93)` | Viva Magenta | white, 5.4 to 1 |
| 45 | `#a74387` | `oklch(53.92% 0.1537 341.76)` | Romantic Rose | white, 5.5 to 1 |
| 46 | `#ab3e7b` | `oklch(53.44% 0.1562 348.99)` | Pink Ballad | white, 5.6 to 1 |
| 47 | `#ac3a71` | `oklch(52.75% 0.1571 354.30)` | Rich Maroon | white, 5.8 to 1 |
| 48 | `#aa3769` | `oklch(51.84% 0.1562 357.34)` | Valentine’s Day | white, 6 to 1 |
| 49 | `#a53565` | `oklch(50.64% 0.1533 357.95)` | Valentine’s Day | white, 6.3 to 1 |
| 50 | `#9d3362` | `oklch(49.04% 0.1483 356.48)` | Cardinal Red | white, 6.7 to 1 |
| 51 | `#933162` | `oklch(47.09% 0.1415 353.21)` | Pink Horror | white, 7.3 to 1 |
| 52 | `#872f61` | `oklch(44.86% 0.1332 348.38)` | Boysenberry | white, 8 to 1 |
| 53 | `#792d60` | `oklch(42.38% 0.1235 342.24)` | Ayame Iris | white, 8.9 to 1 |
| 54 | `#6a2b5f` | `oklch(39.73% 0.1129 335.05)` | Intense Mauve | white, 9.9 to 1 |
| 55 | `#5b295b` | `oklch(36.96% 0.1016 327.06)` | Kuwanomi Purple | white, 11 to 1 |
| 56 | `#4b2756` | `oklch(34.12% 0.0899 318.51)` | Wonka Purple | white, 12.1 to 1 |
| 57 | `#3d244e` | `oklch(31.27% 0.0779 309.67)` | Operetta Mauve | white, 13.4 to 1 |
| 58 | `#302145` | `oklch(28.46% 0.0661 300.77)` | Power Outage | white, 14.6 to 1 |
| 59 | `#241e3b` | `oklch(25.76% 0.0546 292.08)` | Throat | white, 15.8 to 1 |
| 60 | `#1b1a31` | `oklch(23.21% 0.0438 283.85)` | Dark Knight | white, 16.9 to 1 |
| 61 | `#141727` | `oklch(20.89% 0.0339 276.32)` | Sambucus | white, 17.8 to 1 |
| 62 | `#0f131f` | `oklch(18.83% 0.0252 269.75)` | Midnight Edition | white, 18.5 to 1 |
| 63 | `#0c1018` | `oklch(17.10% 0.0179 264.39)` | Nyctophobia | white, 19 to 1 |
| 64 | `#0a0d12` | `oklch(15.75% 0.0124 260.49)` | Midnight Oil | white, 19.4 to 1 |

## CSS

```css
background: linear-gradient(120deg, #0a0c13 0.000% 1.563%, #0b0e16 1.563% 3.125%, #0d0f1a 3.125% 4.688%, #0e111f 4.688% 6.250%, #111224 6.250% 7.813%, #14142a 7.813% 9.375%, #171630 9.375% 10.938%, #1b1736 10.938% 12.500%, #1f193d 12.500% 14.063%, #241a44 14.063% 15.625%, #291c4a 15.625% 17.188%, #2d1d50 17.188% 18.750%, #321f57 18.750% 20.313%, #36215d 20.313% 21.875%, #3a2362 21.875% 23.438%, #3d2668 23.438% 25.000%, #3f296d 25.000% 26.563%, #402c72 26.563% 28.125%, #3f3177 28.125% 29.688%, #3c367c 29.688% 31.250%, #383c80 31.250% 32.813%, #334283 32.813% 34.375%, #2d4885 34.375% 35.938%, #264e86 35.938% 37.500%, #1f5486 37.500% 39.063%, #185986 39.063% 40.625%, #125e85 40.625% 42.188%, #0f6284 42.188% 43.750%, #0e6583 43.750% 45.313%, #116884 45.313% 46.875%, #146b84 46.875% 48.438%, #176d87 48.438% 50.000%, #196e8a 50.000% 51.563%, #1e6f8f 51.563% 53.125%, #256f96 53.125% 54.688%, #2f6e9e 54.688% 56.250%, #3d6ca6 56.250% 57.813%, #4c69ad 57.813% 59.375%, #5c65b1 59.375% 60.938%, #6c60b2 60.938% 62.500%, #7c5ab0 62.500% 64.063%, #8a54aa 64.063% 65.625%, #964ea0 65.625% 67.188%, #a04894 67.188% 68.750%, #a74387 68.750% 70.313%, #ab3e7b 70.313% 71.875%, #ac3a71 71.875% 73.438%, #aa3769 73.438% 75.000%, #a53565 75.000% 76.563%, #9d3362 76.563% 78.125%, #933162 78.125% 79.688%, #872f61 79.688% 81.250%, #792d60 81.250% 82.813%, #6a2b5f 82.813% 84.375%, #5b295b 84.375% 85.938%, #4b2756 85.938% 87.500%, #3d244e 87.500% 89.063%, #302145 89.063% 90.625%, #241e3b 90.625% 92.188%, #1b1a31 92.188% 93.750%, #141727 93.750% 95.313%, #0f131f 95.313% 96.875%, #0c1018 96.875% 98.438%, #0a0d12 98.438% 100.000%);
background: linear-gradient(120deg, oklch(15.75% 0.0152 272.11) 0.000% 1.563%, oklch(16.41% 0.0189 273.12) 1.563% 3.125%, oklch(17.22% 0.0237 274.60) 3.125% 4.688%, oklch(18.16% 0.0295 276.47) 4.688% 6.250%, oklch(19.21% 0.0361 278.63) 6.250% 7.813%, oklch(20.35% 0.0432 281.01) 7.813% 9.375%, oklch(21.57% 0.0509 283.49) 9.375% 10.938%, oklch(22.85% 0.0587 286.01) 10.938% 12.500%, oklch(24.18% 0.0667 288.46) 12.500% 14.063%, oklch(25.54% 0.0746 290.76) 14.063% 15.625%, oklch(26.92% 0.0823 292.81) 15.625% 17.188%, oklch(28.29% 0.0895 294.53) 17.188% 18.750%, oklch(29.64% 0.0962 295.82) 18.750% 20.313%, oklch(30.95% 0.1021 296.60) 20.313% 21.875%, oklch(32.22% 0.1070 296.78) 21.875% 23.438%, oklch(33.41% 0.1109 296.26) 23.438% 25.000%, oklch(34.52% 0.1135 294.93) 25.000% 26.563%, oklch(35.64% 0.1148 292.31) 26.563% 28.125%, oklch(36.77% 0.1149 288.40) 28.125% 29.688%, oklch(37.92% 0.1140 283.41) 29.688% 31.250%, oklch(39.08% 0.1123 277.60) 31.250% 32.813%, oklch(40.23% 0.1099 271.17) 32.813% 34.375%, oklch(41.37% 0.1070 264.36) 34.375% 35.938%, oklch(42.50% 0.1038 257.41) 35.938% 37.500%, oklch(43.59% 0.1004 250.53) 37.500% 39.063%, oklch(44.65% 0.0971 243.96) 39.063% 40.625%, oklch(45.66% 0.0938 237.93) 40.625% 42.188%, oklch(46.61% 0.0910 232.66) 42.188% 43.750%, oklch(47.51% 0.0886 228.39) 43.750% 45.313%, oklch(48.33% 0.0869 225.33) 45.313% 46.875%, oklch(49.06% 0.0861 223.73) 46.875% 48.438%, oklch(49.71% 0.0863 223.81) 48.438% 50.000%, oklch(50.28% 0.0877 225.86) 50.000% 51.563%, oklch(50.86% 0.0905 230.23) 51.563% 53.125%, oklch(51.44% 0.0947 236.68) 53.125% 54.688%, oklch(52.02% 0.0998 244.86) 54.688% 56.250%, oklch(52.57% 0.1058 254.45) 56.250% 57.813%, oklch(53.08% 0.1123 265.11) 57.813% 59.375%, oklch(53.53% 0.1191 276.51) 59.375% 60.938%, oklch(53.90% 0.1260 288.32) 60.938% 62.500%, oklch(54.17% 0.1328 300.20) 62.500% 64.063%, oklch(54.32% 0.1392 311.81) 64.063% 65.625%, oklch(54.35% 0.1449 322.83) 65.625% 67.188%, oklch(54.22% 0.1499 332.93) 67.188% 68.750%, oklch(53.92% 0.1537 341.76) 68.750% 70.313%, oklch(53.44% 0.1562 348.99) 70.313% 71.875%, oklch(52.75% 0.1571 354.30) 71.875% 73.438%, oklch(51.84% 0.1562 357.34) 73.438% 75.000%, oklch(50.64% 0.1533 357.95) 75.000% 76.563%, oklch(49.04% 0.1483 356.48) 76.563% 78.125%, oklch(47.09% 0.1415 353.21) 78.125% 79.688%, oklch(44.86% 0.1332 348.38) 79.688% 81.250%, oklch(42.38% 0.1235 342.24) 81.250% 82.813%, oklch(39.73% 0.1129 335.05) 82.813% 84.375%, oklch(36.96% 0.1016 327.06) 84.375% 85.938%, oklch(34.12% 0.0899 318.51) 85.938% 87.500%, oklch(31.27% 0.0779 309.67) 87.500% 89.063%, oklch(28.46% 0.0661 300.77) 89.063% 90.625%, oklch(25.76% 0.0546 292.08) 90.625% 92.188%, oklch(23.21% 0.0438 283.85) 92.188% 93.750%, oklch(20.89% 0.0339 276.32) 93.750% 95.313%, oklch(18.83% 0.0252 269.75) 95.313% 96.875%, oklch(17.10% 0.0179 264.39) 96.875% 98.438%, oklch(15.75% 0.0124 260.49) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.157 | 0.015 | 272.1 |
| 2 | 0.343 | 0.113 | 295.4 |
| 3 | 0.5 | 0.087 | 224.6 |
| 4 | 0.516 | 0.156 | 357.7 |
| 5 | 0.157 | 0.012 | 260.5 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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