# Purple, blue, teal and black linear swatches

Purple, blue, teal and black linear swatches with 64 colors: #b23683, #b03786, #ad398a, #aa3b8e, #a73e93, #a34097, #9f439c, #9a46a0, #9549a4, #904ba8, #8a4eac, #8552af, #7f55b1, #7858b3, #725ab4, #6b5db5, #6460b4, #5d63b3, #5665b2, #4f67b0, #4869ad, #426baa, #3b6ca6, #366da2, #306e9e, #2c6f9a, #286f96, #256f91, #236e8d, #216e89, #216d84, #206c80, #206b7d, #206979, #206775, #1f6571, #1f636d, #1f6069, #1e5e65, #1e5b61, #1d585d, #1c5559, #1b5256, #194f52, #184c4e, #16494b, #154647, #134344, #123f40, #103c3d, #0e393a, #0c3637, #0b3434, #093131, #072e2e, #062c2b, #052929, #042726, #032524, #022322, #022120, #02201f, #011e1d, #011d1c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSiYH2vpwwxqMvK`
- Page: https://grabient.com/kSiYH2vpwwxqMvK?style=linearSwatches&steps=64&angle=225
- Drawn as: linear swatches, 64 steps, 225 degrees
- Kinds: light to dark, vivid, cool
- Hues: wide
- 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 | `#b23683` | `oklch(53.94% 0.1778 346.64)` | Fandango | white, 5.6 to 1 |
| 2 | `#b03786` | `oklch(53.87% 0.1760 344.44)` | Fandango | white, 5.6 to 1 |
| 3 | `#ad398a` | `oklch(53.81% 0.1741 341.89)` | Fandango | white, 5.6 to 1 |
| 4 | `#aa3b8e` | `oklch(53.77% 0.1719 339.04)` | Wild Aster | white, 5.6 to 1 |
| 5 | `#a73e93` | `oklch(53.73% 0.1694 335.88)` | Purple Cactus Flower | white, 5.6 to 1 |
| 6 | `#a34097` | `oklch(53.70% 0.1668 332.46)` | Aged Purple | white, 5.6 to 1 |
| 7 | `#9f439c` | `oklch(53.68% 0.1640 328.79)` | Medium Purple | white, 5.6 to 1 |
| 8 | `#9a46a0` | `oklch(53.66% 0.1611 324.89)` | Medium Purple | white, 5.5 to 1 |
| 9 | `#9549a4` | `oklch(53.64% 0.1579 320.79)` | Medium Purple | white, 5.5 to 1 |
| 10 | `#904ba8` | `oklch(53.62% 0.1547 316.50)` | Tyrian Shimmer | white, 5.5 to 1 |
| 11 | `#8a4eac` | `oklch(53.60% 0.1513 312.05)` | Tyrian Shimmer | white, 5.5 to 1 |
| 12 | `#8552af` | `oklch(53.57% 0.1478 307.46)` | Royal Lavender | white, 5.5 to 1 |
| 13 | `#7f55b1` | `oklch(53.54% 0.1442 302.75)` | Royal Lavender | white, 5.5 to 1 |
| 14 | `#7858b3` | `oklch(53.50% 0.1405 297.95)` | Simply Purple | white, 5.4 to 1 |
| 15 | `#725ab4` | `oklch(53.46% 0.1368 293.07)` | Simply Purple | white, 5.4 to 1 |
| 16 | `#6b5db5` | `oklch(53.40% 0.1330 288.14)` | Blue Marguerite | white, 5.4 to 1 |
| 17 | `#6460b4` | `oklch(53.33% 0.1292 283.18)` | Blue Marguerite | white, 5.4 to 1 |
| 18 | `#5d63b3` | `oklch(53.24% 0.1253 278.21)` | Evening Lagoon | white, 5.3 to 1 |
| 19 | `#5665b2` | `oklch(53.14% 0.1215 273.26)` | Evening Lagoon | white, 5.3 to 1 |
| 20 | `#4f67b0` | `oklch(53.02% 0.1177 268.34)` | Submarine Base | white, 5.3 to 1 |
| 21 | `#4869ad` | `oklch(52.88% 0.1139 263.48)` | Waterline Blue | white, 5.3 to 1 |
| 22 | `#426baa` | `oklch(52.71% 0.1101 258.70)` | Waterline Blue | white, 5.3 to 1 |
| 23 | `#3b6ca6` | `oklch(52.52% 0.1064 254.01)` | Mega Blue | white, 5.3 to 1 |
| 24 | `#366da2` | `oklch(52.31% 0.1028 249.46)` | Lochmara | white, 5.4 to 1 |
| 25 | `#306e9e` | `oklch(52.07% 0.0993 245.04)` | Lochmara | white, 5.4 to 1 |
| 26 | `#2c6f9a` | `oklch(51.80% 0.0959 240.80)` | Vallarta Blue | white, 5.4 to 1 |
| 27 | `#286f96` | `oklch(51.50% 0.0926 236.74)` | Blue Oasis | white, 5.5 to 1 |
| 28 | `#256f91` | `oklch(51.17% 0.0894 232.89)` | Chill of the Night | white, 5.5 to 1 |
| 29 | `#236e8d` | `oklch(50.80% 0.0864 229.28)` | Chill of the Night | white, 5.6 to 1 |
| 30 | `#216e89` | `oklch(50.40% 0.0835 225.92)` | Faience | white, 5.7 to 1 |
| 31 | `#216d84` | `oklch(49.95% 0.0808 222.83)` | Billabong | white, 5.8 to 1 |
| 32 | `#206c80` | `oklch(49.47% 0.0783 220.05)` | Allports | white, 5.9 to 1 |
| 33 | `#206b7d` | `oklch(48.94% 0.0760 217.56)` | Allports | white, 6.1 to 1 |
| 34 | `#206979` | `oklch(48.34% 0.0738 215.27)` | Jester Blue | white, 6.2 to 1 |
| 35 | `#206775` | `oklch(47.68% 0.0717 213.14)` | Persian Mosaic | white, 6.4 to 1 |
| 36 | `#1f6571` | `oklch(46.94% 0.0696 211.16)` | Bold Bolection | white, 6.6 to 1 |
| 37 | `#1f636d` | `oklch(46.15% 0.0677 209.34)` | Seamount | white, 6.8 to 1 |
| 38 | `#1f6069` | `oklch(45.31% 0.0657 207.66)` | Gulf Harbour | white, 7.1 to 1 |
| 39 | `#1e5e65` | `oklch(44.42% 0.0639 206.12)` | Gulf Harbour | white, 7.4 to 1 |
| 40 | `#1e5b61` | `oklch(43.48% 0.0621 204.70)` | Moonlit Pool | white, 7.7 to 1 |
| 41 | `#1d585d` | `oklch(42.51% 0.0603 203.41)` | Uncharted | white, 8 to 1 |
| 42 | `#1c5559` | `oklch(41.50% 0.0587 202.23)` | Ramsons | white, 8.4 to 1 |
| 43 | `#1b5256` | `oklch(40.46% 0.0571 201.16)` | Deep Sanction | white, 8.7 to 1 |
| 44 | `#194f52` | `oklch(39.40% 0.0555 200.19)` | Immersed | white, 9.2 to 1 |
| 45 | `#184c4e` | `oklch(38.32% 0.0540 199.32)` | Port Malmesbury | white, 9.6 to 1 |
| 46 | `#16494b` | `oklch(37.23% 0.0526 198.53)` | Incubi Darkness | white, 10 to 1 |
| 47 | `#154647` | `oklch(36.13% 0.0512 197.83)` | Prestige Green | white, 10.5 to 1 |
| 48 | `#134344` | `oklch(35.02% 0.0498 197.19)` | Rapture | white, 11 to 1 |
| 49 | `#123f40` | `oklch(33.92% 0.0486 196.62)` | Botanical Night | white, 11.5 to 1 |
| 50 | `#103c3d` | `oklch(32.82% 0.0473 196.12)` | Ghostlands Coal | white, 12 to 1 |
| 51 | `#0e393a` | `oklch(31.73% 0.0461 195.66)` | Customs Green | white, 12.5 to 1 |
| 52 | `#0c3637` | `oklch(30.66% 0.0450 195.25)` | Shrub Green | white, 13 to 1 |
| 53 | `#0b3434` | `oklch(29.61% 0.0439 194.88)` | Storm Green | white, 13.5 to 1 |
| 54 | `#093131` | `oklch(28.58% 0.0429 194.54)` | Roof Tile Green | white, 14 to 1 |
| 55 | `#072e2e` | `oklch(27.59% 0.0419 194.22)` | Roof Tile Green | white, 14.5 to 1 |
| 56 | `#062c2b` | `oklch(26.63% 0.0409 193.92)` | Guerrilla Forest | white, 15 to 1 |
| 57 | `#052929` | `oklch(25.71% 0.0400 193.63)` | Black Box | white, 15.4 to 1 |
| 58 | `#042726` | `oklch(24.84% 0.0391 193.34)` | Teal Spill | white, 15.8 to 1 |
| 59 | `#032524` | `oklch(24.02% 0.0382 193.05)` | Teal Spill | white, 16.2 to 1 |
| 60 | `#022322` | `oklch(23.26% 0.0374 192.75)` | Stellar Explorer | white, 16.5 to 1 |
| 61 | `#022120` | `oklch(22.56% 0.0366 192.43)` | Stellar Explorer | white, 16.8 to 1 |
| 62 | `#02201f` | `oklch(21.92% 0.0359 192.09)` | Stellar Explorer | white, 17.1 to 1 |
| 63 | `#011e1d` | `oklch(21.36% 0.0351 191.71)` | Stellar Explorer | white, 17.4 to 1 |
| 64 | `#011d1c` | `oklch(20.87% 0.0344 191.30)` | Stellar Explorer | white, 17.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #b23683 0.000% 1.563%, #b03786 1.563% 3.125%, #ad398a 3.125% 4.688%, #aa3b8e 4.688% 6.250%, #a73e93 6.250% 7.813%, #a34097 7.813% 9.375%, #9f439c 9.375% 10.938%, #9a46a0 10.938% 12.500%, #9549a4 12.500% 14.063%, #904ba8 14.063% 15.625%, #8a4eac 15.625% 17.188%, #8552af 17.188% 18.750%, #7f55b1 18.750% 20.313%, #7858b3 20.313% 21.875%, #725ab4 21.875% 23.438%, #6b5db5 23.438% 25.000%, #6460b4 25.000% 26.563%, #5d63b3 26.563% 28.125%, #5665b2 28.125% 29.688%, #4f67b0 29.688% 31.250%, #4869ad 31.250% 32.813%, #426baa 32.813% 34.375%, #3b6ca6 34.375% 35.938%, #366da2 35.938% 37.500%, #306e9e 37.500% 39.063%, #2c6f9a 39.063% 40.625%, #286f96 40.625% 42.188%, #256f91 42.188% 43.750%, #236e8d 43.750% 45.313%, #216e89 45.313% 46.875%, #216d84 46.875% 48.438%, #206c80 48.438% 50.000%, #206b7d 50.000% 51.563%, #206979 51.563% 53.125%, #206775 53.125% 54.688%, #1f6571 54.688% 56.250%, #1f636d 56.250% 57.813%, #1f6069 57.813% 59.375%, #1e5e65 59.375% 60.938%, #1e5b61 60.938% 62.500%, #1d585d 62.500% 64.063%, #1c5559 64.063% 65.625%, #1b5256 65.625% 67.188%, #194f52 67.188% 68.750%, #184c4e 68.750% 70.313%, #16494b 70.313% 71.875%, #154647 71.875% 73.438%, #134344 73.438% 75.000%, #123f40 75.000% 76.563%, #103c3d 76.563% 78.125%, #0e393a 78.125% 79.688%, #0c3637 79.688% 81.250%, #0b3434 81.250% 82.813%, #093131 82.813% 84.375%, #072e2e 84.375% 85.938%, #062c2b 85.938% 87.500%, #052929 87.500% 89.063%, #042726 89.063% 90.625%, #032524 90.625% 92.188%, #022322 92.188% 93.750%, #022120 93.750% 95.313%, #02201f 95.313% 96.875%, #011e1d 96.875% 98.438%, #011d1c 98.438% 100.000%);
background: linear-gradient(225deg, oklch(53.94% 0.1778 346.64) 0.000% 1.563%, oklch(53.87% 0.1760 344.44) 1.563% 3.125%, oklch(53.81% 0.1741 341.89) 3.125% 4.688%, oklch(53.77% 0.1719 339.04) 4.688% 6.250%, oklch(53.73% 0.1694 335.88) 6.250% 7.813%, oklch(53.70% 0.1668 332.46) 7.813% 9.375%, oklch(53.68% 0.1640 328.79) 9.375% 10.938%, oklch(53.66% 0.1611 324.89) 10.938% 12.500%, oklch(53.64% 0.1579 320.79) 12.500% 14.063%, oklch(53.62% 0.1547 316.50) 14.063% 15.625%, oklch(53.60% 0.1513 312.05) 15.625% 17.188%, oklch(53.57% 0.1478 307.46) 17.188% 18.750%, oklch(53.54% 0.1442 302.75) 18.750% 20.313%, oklch(53.50% 0.1405 297.95) 20.313% 21.875%, oklch(53.46% 0.1368 293.07) 21.875% 23.438%, oklch(53.40% 0.1330 288.14) 23.438% 25.000%, oklch(53.33% 0.1292 283.18) 25.000% 26.563%, oklch(53.24% 0.1253 278.21) 26.563% 28.125%, oklch(53.14% 0.1215 273.26) 28.125% 29.688%, oklch(53.02% 0.1177 268.34) 29.688% 31.250%, oklch(52.88% 0.1139 263.48) 31.250% 32.813%, oklch(52.71% 0.1101 258.70) 32.813% 34.375%, oklch(52.52% 0.1064 254.01) 34.375% 35.938%, oklch(52.31% 0.1028 249.46) 35.938% 37.500%, oklch(52.07% 0.0993 245.04) 37.500% 39.063%, oklch(51.80% 0.0959 240.80) 39.063% 40.625%, oklch(51.50% 0.0926 236.74) 40.625% 42.188%, oklch(51.17% 0.0894 232.89) 42.188% 43.750%, oklch(50.80% 0.0864 229.28) 43.750% 45.313%, oklch(50.40% 0.0835 225.92) 45.313% 46.875%, oklch(49.95% 0.0808 222.83) 46.875% 48.438%, oklch(49.47% 0.0783 220.05) 48.438% 50.000%, oklch(48.94% 0.0760 217.56) 50.000% 51.563%, oklch(48.34% 0.0738 215.27) 51.563% 53.125%, oklch(47.68% 0.0717 213.14) 53.125% 54.688%, oklch(46.94% 0.0696 211.16) 54.688% 56.250%, oklch(46.15% 0.0677 209.34) 56.250% 57.813%, oklch(45.31% 0.0657 207.66) 57.813% 59.375%, oklch(44.42% 0.0639 206.12) 59.375% 60.938%, oklch(43.48% 0.0621 204.70) 60.938% 62.500%, oklch(42.51% 0.0603 203.41) 62.500% 64.063%, oklch(41.50% 0.0587 202.23) 64.063% 65.625%, oklch(40.46% 0.0571 201.16) 65.625% 67.188%, oklch(39.40% 0.0555 200.19) 67.188% 68.750%, oklch(38.32% 0.0540 199.32) 68.750% 70.313%, oklch(37.23% 0.0526 198.53) 70.313% 71.875%, oklch(36.13% 0.0512 197.83) 71.875% 73.438%, oklch(35.02% 0.0498 197.19) 73.438% 75.000%, oklch(33.92% 0.0486 196.62) 75.000% 76.563%, oklch(32.82% 0.0473 196.12) 76.563% 78.125%, oklch(31.73% 0.0461 195.66) 78.125% 79.688%, oklch(30.66% 0.0450 195.25) 79.688% 81.250%, oklch(29.61% 0.0439 194.88) 81.250% 82.813%, oklch(28.58% 0.0429 194.54) 82.813% 84.375%, oklch(27.59% 0.0419 194.22) 84.375% 85.938%, oklch(26.63% 0.0409 193.92) 85.938% 87.500%, oklch(25.71% 0.0400 193.63) 87.500% 89.063%, oklch(24.84% 0.0391 193.34) 89.063% 90.625%, oklch(24.02% 0.0382 193.05) 90.625% 92.188%, oklch(23.26% 0.0374 192.75) 92.188% 93.750%, oklch(22.56% 0.0366 192.43) 93.750% 95.313%, oklch(21.92% 0.0359 192.09) 95.313% 96.875%, oklch(21.36% 0.0351 191.71) 96.875% 98.438%, oklch(20.87% 0.0344 191.30) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.178 | 346.6 |
| 2 | 0.492 | 0.077 | 218.8 |
| 3 | 0.209 | 0.034 | 191.3 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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