# Purple, blue, teal and black linear gradient

Purple, blue, teal and black linear gradient 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?steps=64&angle=225
- Drawn as: linear gradient, 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.0%, #b03786 1.6%, #ad398a 3.2%, #aa3b8e 4.8%, #a73e93 6.3%, #a34097 7.9%, #9f439c 9.5%, #9a46a0 11.1%, #9549a4 12.7%, #904ba8 14.3%, #8a4eac 15.9%, #8552af 17.5%, #7f55b1 19.0%, #7858b3 20.6%, #725ab4 22.2%, #6b5db5 23.8%, #6460b4 25.4%, #5d63b3 27.0%, #5665b2 28.6%, #4f67b0 30.2%, #4869ad 31.7%, #426baa 33.3%, #3b6ca6 34.9%, #366da2 36.5%, #306e9e 38.1%, #2c6f9a 39.7%, #286f96 41.3%, #256f91 42.9%, #236e8d 44.4%, #216e89 46.0%, #216d84 47.6%, #206c80 49.2%, #206b7d 50.8%, #206979 52.4%, #206775 54.0%, #1f6571 55.6%, #1f636d 57.1%, #1f6069 58.7%, #1e5e65 60.3%, #1e5b61 61.9%, #1d585d 63.5%, #1c5559 65.1%, #1b5256 66.7%, #194f52 68.3%, #184c4e 69.8%, #16494b 71.4%, #154647 73.0%, #134344 74.6%, #123f40 76.2%, #103c3d 77.8%, #0e393a 79.4%, #0c3637 81.0%, #0b3434 82.5%, #093131 84.1%, #072e2e 85.7%, #062c2b 87.3%, #052929 88.9%, #042726 90.5%, #032524 92.1%, #022322 93.7%, #022120 95.2%, #02201f 96.8%, #011e1d 98.4%, #011d1c 100.0%);
background: linear-gradient(225deg in oklch, oklch(53.94% 0.1778 346.64) 0.0%, oklch(53.87% 0.1760 344.44) 1.6%, oklch(53.81% 0.1741 341.89) 3.2%, oklch(53.77% 0.1719 339.04) 4.8%, oklch(53.73% 0.1694 335.88) 6.3%, oklch(53.70% 0.1668 332.46) 7.9%, oklch(53.68% 0.1640 328.79) 9.5%, oklch(53.66% 0.1611 324.89) 11.1%, oklch(53.64% 0.1579 320.79) 12.7%, oklch(53.62% 0.1547 316.50) 14.3%, oklch(53.60% 0.1513 312.05) 15.9%, oklch(53.57% 0.1478 307.46) 17.5%, oklch(53.54% 0.1442 302.75) 19.0%, oklch(53.50% 0.1405 297.95) 20.6%, oklch(53.46% 0.1368 293.07) 22.2%, oklch(53.40% 0.1330 288.14) 23.8%, oklch(53.33% 0.1292 283.18) 25.4%, oklch(53.24% 0.1253 278.21) 27.0%, oklch(53.14% 0.1215 273.26) 28.6%, oklch(53.02% 0.1177 268.34) 30.2%, oklch(52.88% 0.1139 263.48) 31.7%, oklch(52.71% 0.1101 258.70) 33.3%, oklch(52.52% 0.1064 254.01) 34.9%, oklch(52.31% 0.1028 249.46) 36.5%, oklch(52.07% 0.0993 245.04) 38.1%, oklch(51.80% 0.0959 240.80) 39.7%, oklch(51.50% 0.0926 236.74) 41.3%, oklch(51.17% 0.0894 232.89) 42.9%, oklch(50.80% 0.0864 229.28) 44.4%, oklch(50.40% 0.0835 225.92) 46.0%, oklch(49.95% 0.0808 222.83) 47.6%, oklch(49.47% 0.0783 220.05) 49.2%, oklch(48.94% 0.0760 217.56) 50.8%, oklch(48.34% 0.0738 215.27) 52.4%, oklch(47.68% 0.0717 213.14) 54.0%, oklch(46.94% 0.0696 211.16) 55.6%, oklch(46.15% 0.0677 209.34) 57.1%, oklch(45.31% 0.0657 207.66) 58.7%, oklch(44.42% 0.0639 206.12) 60.3%, oklch(43.48% 0.0621 204.70) 61.9%, oklch(42.51% 0.0603 203.41) 63.5%, oklch(41.50% 0.0587 202.23) 65.1%, oklch(40.46% 0.0571 201.16) 66.7%, oklch(39.40% 0.0555 200.19) 68.3%, oklch(38.32% 0.0540 199.32) 69.8%, oklch(37.23% 0.0526 198.53) 71.4%, oklch(36.13% 0.0512 197.83) 73.0%, oklch(35.02% 0.0498 197.19) 74.6%, oklch(33.92% 0.0486 196.62) 76.2%, oklch(32.82% 0.0473 196.12) 77.8%, oklch(31.73% 0.0461 195.66) 79.4%, oklch(30.66% 0.0450 195.25) 81.0%, oklch(29.61% 0.0439 194.88) 82.5%, oklch(28.58% 0.0429 194.54) 84.1%, oklch(27.59% 0.0419 194.22) 85.7%, oklch(26.63% 0.0409 193.92) 87.3%, oklch(25.71% 0.0400 193.63) 88.9%, oklch(24.84% 0.0391 193.34) 90.5%, oklch(24.02% 0.0382 193.05) 92.1%, oklch(23.26% 0.0374 192.75) 93.7%, oklch(22.56% 0.0366 192.43) 95.2%, oklch(21.92% 0.0359 192.09) 96.8%, oklch(21.36% 0.0351 191.71) 98.4%, oklch(20.87% 0.0344 191.30) 100.0%);
```

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