# Teal violet linear blend

Tritone purple, blue and teal linear gradient with 64 colors: #3d006f, #3d026f, #3d046f, #3c076f, #3c096f, #3c0c6e, #3b0f6e, #3b116d, #3b146d, #3b166c, #3a186c, #3a1a6b, #3a1c6b, #391e6a, #392069, #392269, #392368, #382568, #382767, #382967, #382a66, #382c66, #372e66, #373066, #373166, #373366, #373566, #373766, #373867, #373a68, #373c69, #373e6a, #37406b, #37426c, #37446e, #374770, #374a72, #364c74, #354f77, #355279, #34567c, #33597e, #315c80, #306083, #2e6385, #2c6787, #2a6b89, #276f8b, #25728c, #22768e, #1f7a8f, #1d7d90, #1a8191, #188491, #178892, #178b92, #178e92, #189191, #1a9391, #1d9691, #209890, #239a90, #269b8f, #289d8f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone purple, blue and teal linear gradient
- Seed: `kSTHTVsJs89AlNQ`
- Page: https://grabient.com/kSTHTVsJs89AlNQ?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.4 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 | `#3d006f` | `oklch(29.94% 0.1596 300.21)` | Deep Violet | white, 14.7 to 1 |
| 2 | `#3d026f` | `oklch(30.05% 0.1583 299.84)` | Deep Violet | white, 14.6 to 1 |
| 3 | `#3d046f` | `oklch(30.18% 0.1566 299.46)` | Candied Blueberry | white, 14.5 to 1 |
| 4 | `#3c076f` | `oklch(30.32% 0.1546 299.08)` | Candied Blueberry | white, 14.4 to 1 |
| 5 | `#3c096f` | `oklch(30.45% 0.1523 298.71)` | Candied Blueberry | white, 14.3 to 1 |
| 6 | `#3c0c6e` | `oklch(30.59% 0.1499 298.34)` | Candied Blueberry | white, 14.2 to 1 |
| 7 | `#3b0f6e` | `oklch(30.74% 0.1472 297.96)` | Candied Blueberry | white, 14.1 to 1 |
| 8 | `#3b116d` | `oklch(30.89% 0.1444 297.58)` | Candied Blueberry | white, 14 to 1 |
| 9 | `#3b146d` | `oklch(31.04% 0.1415 297.19)` | Candied Blueberry | white, 13.9 to 1 |
| 10 | `#3b166c` | `oklch(31.20% 0.1384 296.78)` | Candied Blueberry | white, 13.8 to 1 |
| 11 | `#3a186c` | `oklch(31.37% 0.1352 296.35)` | Explorer of the Galaxies | white, 13.7 to 1 |
| 12 | `#3a1a6b` | `oklch(31.54% 0.1318 295.90)` | Explorer of the Galaxies | white, 13.6 to 1 |
| 13 | `#3a1c6b` | `oklch(31.72% 0.1285 295.41)` | Dark Dreams | white, 13.5 to 1 |
| 14 | `#391e6a` | `oklch(31.92% 0.1250 294.90)` | Dark Dreams | white, 13.3 to 1 |
| 15 | `#392069` | `oklch(32.12% 0.1215 294.35)` | Dark Dreams | white, 13.2 to 1 |
| 16 | `#392269` | `oklch(32.34% 0.1180 293.77)` | Dark Dreams | white, 13.1 to 1 |
| 17 | `#392368` | `oklch(32.56% 0.1145 293.14)` | Dark Dreams | white, 12.9 to 1 |
| 18 | `#382568` | `oklch(32.80% 0.1110 292.46)` | Dark Dreams | white, 12.8 to 1 |
| 19 | `#382767` | `oklch(33.05% 0.1076 291.73)` | Dark Dreams | white, 12.6 to 1 |
| 20 | `#382967` | `oklch(33.32% 0.1042 290.95)` | Paris M | white, 12.5 to 1 |
| 21 | `#382a66` | `oklch(33.60% 0.1009 290.10)` | Paris M | white, 12.3 to 1 |
| 22 | `#382c66` | `oklch(33.90% 0.0977 289.20)` | Minsk | white, 12.2 to 1 |
| 23 | `#372e66` | `oklch(34.22% 0.0946 288.22)` | Deep Koamaru | white, 12 to 1 |
| 24 | `#373066` | `oklch(34.55% 0.0916 287.18)` | Deep Koamaru | white, 11.8 to 1 |
| 25 | `#373166` | `oklch(34.90% 0.0888 286.06)` | Deep Koamaru | white, 11.6 to 1 |
| 26 | `#373366` | `oklch(35.27% 0.0861 284.86)` | Deep Koamaru | white, 11.4 to 1 |
| 27 | `#373566` | `oklch(35.66% 0.0837 283.58)` | Deep Koamaru | white, 11.2 to 1 |
| 28 | `#373766` | `oklch(36.07% 0.0814 282.21)` | Rhynchites Nitens | white, 11 to 1 |
| 29 | `#373867` | `oklch(36.50% 0.0794 280.75)` | Rhynchites Nitens | white, 10.8 to 1 |
| 30 | `#373a68` | `oklch(36.95% 0.0776 279.20)` | Rhynchites Nitens | white, 10.6 to 1 |
| 31 | `#373c69` | `oklch(37.43% 0.0761 277.55)` | Newport Indigo | white, 10.4 to 1 |
| 32 | `#373e6a` | `oklch(37.93% 0.0749 275.79)` | Raven Night | white, 10.1 to 1 |
| 33 | `#37406b` | `oklch(38.46% 0.0740 273.91)` | Gloomy Blue | white, 9.9 to 1 |
| 34 | `#37426c` | `oklch(39.04% 0.0733 271.83)` | Port Gore | white, 9.7 to 1 |
| 35 | `#37446e` | `oklch(39.67% 0.0729 269.55)` | Port Gore | white, 9.4 to 1 |
| 36 | `#374770` | `oklch(40.36% 0.0727 267.07)` | Daring Indigo | white, 9.1 to 1 |
| 37 | `#374a72` | `oklch(41.08% 0.0727 264.43)` | Sailboat | white, 8.8 to 1 |
| 38 | `#364c74` | `oklch(41.85% 0.0728 261.62)` | Airforce | white, 8.5 to 1 |
| 39 | `#354f77` | `oklch(42.65% 0.0732 258.67)` | High Altar | white, 8.2 to 1 |
| 40 | `#355279` | `oklch(43.49% 0.0738 255.60)` | Bunting Blue | white, 7.9 to 1 |
| 41 | `#34567c` | `oklch(44.35% 0.0745 252.41)` | Overtake | white, 7.6 to 1 |
| 42 | `#33597e` | `oklch(45.24% 0.0753 249.12)` | Dark Blue | white, 7.3 to 1 |
| 43 | `#315c80` | `oklch(46.15% 0.0762 245.75)` | Dark Blue | white, 7 to 1 |
| 44 | `#306083` | `oklch(47.08% 0.0773 242.32)` | Pelagic | white, 6.7 to 1 |
| 45 | `#2e6385` | `oklch(48.02% 0.0785 238.83)` | Carbide | white, 6.4 to 1 |
| 46 | `#2c6787` | `oklch(48.96% 0.0798 235.30)` | Drake’s Neck | white, 6.1 to 1 |
| 47 | `#2a6b89` | `oklch(49.92% 0.0811 231.76)` | Faience | white, 5.9 to 1 |
| 48 | `#276f8b` | `oklch(50.87% 0.0825 228.21)` | Faience | white, 5.6 to 1 |
| 49 | `#25728c` | `oklch(51.82% 0.0839 224.66)` | Amulet Gem | white, 5.4 to 1 |
| 50 | `#22768e` | `oklch(52.76% 0.0854 221.14)` | Thousand Herb | white, 5.1 to 1 |
| 51 | `#1f7a8f` | `oklch(53.69% 0.0869 217.66)` | Jade Shard | white, 4.9 to 1 |
| 52 | `#1d7d90` | `oklch(54.61% 0.0884 214.24)` | Bermuda | white, 4.7 to 1 |
| 53 | `#1a8191` | `oklch(55.51% 0.0899 210.88)` | Pagoda Blue | black, 4.5 to 1 |
| 54 | `#188491` | `oklch(56.38% 0.0914 207.61)` | True Teal | black, 4.7 to 1 |
| 55 | `#178892` | `oklch(57.23% 0.0928 204.44)` | Tuscana Blue | black, 4.9 to 1 |
| 56 | `#178b92` | `oklch(58.05% 0.0942 201.39)` | Tempo Teal | black, 5.1 to 1 |
| 57 | `#178e92` | `oklch(58.83% 0.0955 198.46)` | Christina Brown | black, 5.3 to 1 |
| 58 | `#189191` | `oklch(59.57% 0.0968 195.69)` | Common Teal | black, 5.4 to 1 |
| 59 | `#1a9391` | `oklch(60.27% 0.0979 193.07)` | Atrovirens | black, 5.6 to 1 |
| 60 | `#1d9691` | `oklch(60.93% 0.0990 190.63)` | Columbia | black, 5.7 to 1 |
| 61 | `#209890` | `oklch(61.53% 0.1000 188.38)` | Azure Tide | black, 5.9 to 1 |
| 62 | `#239a90` | `oklch(62.08% 0.1008 186.34)` | Azure Tide | black, 6 to 1 |
| 63 | `#269b8f` | `oklch(62.57% 0.1014 184.52)` | Temple Guard Blue | black, 6.1 to 1 |
| 64 | `#289d8f` | `oklch(62.99% 0.1020 182.93)` | Temple Guard Blue | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #3d006f 0.0%, #3d026f 1.6%, #3d046f 3.2%, #3c076f 4.8%, #3c096f 6.3%, #3c0c6e 7.9%, #3b0f6e 9.5%, #3b116d 11.1%, #3b146d 12.7%, #3b166c 14.3%, #3a186c 15.9%, #3a1a6b 17.5%, #3a1c6b 19.0%, #391e6a 20.6%, #392069 22.2%, #392269 23.8%, #392368 25.4%, #382568 27.0%, #382767 28.6%, #382967 30.2%, #382a66 31.7%, #382c66 33.3%, #372e66 34.9%, #373066 36.5%, #373166 38.1%, #373366 39.7%, #373566 41.3%, #373766 42.9%, #373867 44.4%, #373a68 46.0%, #373c69 47.6%, #373e6a 49.2%, #37406b 50.8%, #37426c 52.4%, #37446e 54.0%, #374770 55.6%, #374a72 57.1%, #364c74 58.7%, #354f77 60.3%, #355279 61.9%, #34567c 63.5%, #33597e 65.1%, #315c80 66.7%, #306083 68.3%, #2e6385 69.8%, #2c6787 71.4%, #2a6b89 73.0%, #276f8b 74.6%, #25728c 76.2%, #22768e 77.8%, #1f7a8f 79.4%, #1d7d90 81.0%, #1a8191 82.5%, #188491 84.1%, #178892 85.7%, #178b92 87.3%, #178e92 88.9%, #189191 90.5%, #1a9391 92.1%, #1d9691 93.7%, #209890 95.2%, #239a90 96.8%, #269b8f 98.4%, #289d8f 100.0%);
background: linear-gradient(225deg in oklch, oklch(29.94% 0.1596 300.21) 0.0%, oklch(30.05% 0.1583 299.84) 1.6%, oklch(30.18% 0.1566 299.46) 3.2%, oklch(30.32% 0.1546 299.08) 4.8%, oklch(30.45% 0.1523 298.71) 6.3%, oklch(30.59% 0.1499 298.34) 7.9%, oklch(30.74% 0.1472 297.96) 9.5%, oklch(30.89% 0.1444 297.58) 11.1%, oklch(31.04% 0.1415 297.19) 12.7%, oklch(31.20% 0.1384 296.78) 14.3%, oklch(31.37% 0.1352 296.35) 15.9%, oklch(31.54% 0.1318 295.90) 17.5%, oklch(31.72% 0.1285 295.41) 19.0%, oklch(31.92% 0.1250 294.90) 20.6%, oklch(32.12% 0.1215 294.35) 22.2%, oklch(32.34% 0.1180 293.77) 23.8%, oklch(32.56% 0.1145 293.14) 25.4%, oklch(32.80% 0.1110 292.46) 27.0%, oklch(33.05% 0.1076 291.73) 28.6%, oklch(33.32% 0.1042 290.95) 30.2%, oklch(33.60% 0.1009 290.10) 31.7%, oklch(33.90% 0.0977 289.20) 33.3%, oklch(34.22% 0.0946 288.22) 34.9%, oklch(34.55% 0.0916 287.18) 36.5%, oklch(34.90% 0.0888 286.06) 38.1%, oklch(35.27% 0.0861 284.86) 39.7%, oklch(35.66% 0.0837 283.58) 41.3%, oklch(36.07% 0.0814 282.21) 42.9%, oklch(36.50% 0.0794 280.75) 44.4%, oklch(36.95% 0.0776 279.20) 46.0%, oklch(37.43% 0.0761 277.55) 47.6%, oklch(37.93% 0.0749 275.79) 49.2%, oklch(38.46% 0.0740 273.91) 50.8%, oklch(39.04% 0.0733 271.83) 52.4%, oklch(39.67% 0.0729 269.55) 54.0%, oklch(40.36% 0.0727 267.07) 55.6%, oklch(41.08% 0.0727 264.43) 57.1%, oklch(41.85% 0.0728 261.62) 58.7%, oklch(42.65% 0.0732 258.67) 60.3%, oklch(43.49% 0.0738 255.60) 61.9%, oklch(44.35% 0.0745 252.41) 63.5%, oklch(45.24% 0.0753 249.12) 65.1%, oklch(46.15% 0.0762 245.75) 66.7%, oklch(47.08% 0.0773 242.32) 68.3%, oklch(48.02% 0.0785 238.83) 69.8%, oklch(48.96% 0.0798 235.30) 71.4%, oklch(49.92% 0.0811 231.76) 73.0%, oklch(50.87% 0.0825 228.21) 74.6%, oklch(51.82% 0.0839 224.66) 76.2%, oklch(52.76% 0.0854 221.14) 77.8%, oklch(53.69% 0.0869 217.66) 79.4%, oklch(54.61% 0.0884 214.24) 81.0%, oklch(55.51% 0.0899 210.88) 82.5%, oklch(56.38% 0.0914 207.61) 84.1%, oklch(57.23% 0.0928 204.44) 85.7%, oklch(58.05% 0.0942 201.39) 87.3%, oklch(58.83% 0.0955 198.46) 88.9%, oklch(59.57% 0.0968 195.69) 90.5%, oklch(60.27% 0.0979 193.07) 92.1%, oklch(60.93% 0.0990 190.63) 93.7%, oklch(61.53% 0.1000 188.38) 95.2%, oklch(62.08% 0.1008 186.34) 96.8%, oklch(62.57% 0.1014 184.52) 98.4%, oklch(62.99% 0.1020 182.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.16 | 300.2 |
| 2 | 0.382 | 0.074 | 274.9 |
| 3 | 0.63 | 0.102 | 182.9 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)

## Other forms

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