# Tritone dark green, blue and purple linear gradient

Tritone dark green, blue and purple linear gradient with 32 colors: #1f3b10, #103c1e, #003a2d, #003838, #063641, #143546, #1a384e, #1c3f59, #1c4767, #185074, #155780, #195c89, #206091, #276397, #2e669c, #3466a2, #3865a8, #3d61ad, #435ab2, #4b53b5, #534bb7, #5c44b9, #633fba, #6b3abb, #7335bc, #7b32bc, #8532bb, #9135b8, #9e3ab6, #aa41b2, #b548b0, #bc4cae. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaUTdhKBJLriiwLAqUGPT7Db_KwpMQsLg`
- Page: https://grabient.com/kaUTdhKBJLriiwLAqUGPT7Db_KwpMQsLg?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#1f3b10` | `oklch(31.89% 0.0758 136.41)` | Melancholia | white, 12.4 to 1 |
| 2 | `#103c1e` | `oklch(31.64% 0.0713 150.79)` | Queen of Trees | white, 12.4 to 1 |
| 3 | `#003a2d` | `oklch(31.16% 0.0605 171.85)` | Night Turquoise | white, 12.7 to 1 |
| 4 | `#003838` | `oklch(30.74% 0.0524 195.60)` | Customs Green | white, 12.9 to 1 |
| 5 | `#063641` | `oklch(30.69% 0.0512 217.64)` | Natural Indigo | white, 13.1 to 1 |
| 6 | `#143546` | `oklch(31.31% 0.0494 233.89)` | Blue Whale | white, 12.8 to 1 |
| 7 | `#1a384e` | `oklch(32.91% 0.0532 241.96)` | Gibraltar Sea | white, 12.1 to 1 |
| 8 | `#1c3f59` | `oklch(35.39% 0.0616 244.56)` | Integrity | white, 11 to 1 |
| 9 | `#1c4767` | `oklch(38.33% 0.0724 243.92)` | Terror From the Deep | white, 9.8 to 1 |
| 10 | `#185074` | `oklch(41.28% 0.0835 242.22)` | Pirate’s Haven | white, 8.6 to 1 |
| 11 | `#155780` | `oklch(43.81% 0.0928 241.64)` | Mykonos Blue | white, 7.7 to 1 |
| 12 | `#195c89` | `oklch(45.69% 0.0984 243.38)` | Mamala Bay | white, 7.1 to 1 |
| 13 | `#206091` | `oklch(47.33% 0.1014 245.41)` | Lapis Lazuli Blue | white, 6.6 to 1 |
| 14 | `#276397` | `oklch(48.73% 0.1033 247.70)` | Outer Reef | white, 6.3 to 1 |
| 15 | `#2e669c` | `oklch(49.82% 0.1056 250.45)` | Distant Blue | white, 6 to 1 |
| 16 | `#3466a2` | `oklch(50.56% 0.1097 253.83)` | Distant Blue | white, 5.8 to 1 |
| 17 | `#3865a8` | `oklch(50.86% 0.1172 258.09)` | International | white, 5.8 to 1 |
| 18 | `#3d61ad` | `oklch(50.51% 0.1280 263.47)` | Kakitsubata Blue | white, 5.9 to 1 |
| 19 | `#435ab2` | `oklch(49.75% 0.1406 269.56)` | Chinese Bellflower | white, 6.2 to 1 |
| 20 | `#4b53b5` | `oklch(48.89% 0.1536 275.85)` | Chinese Bellflower | white, 6.5 to 1 |
| 21 | `#534bb7` | `oklch(48.22% 0.1656 281.84)` | Swiss Plum | white, 6.8 to 1 |
| 22 | `#5c44b9` | `oklch(48.01% 0.1752 287.04)` | Swiss Plum | white, 7 to 1 |
| 23 | `#633fba` | `oklch(48.01% 0.1840 291.58)` | Dragonlord Purple | white, 7.1 to 1 |
| 24 | `#6b3abb` | `oklch(48.16% 0.1920 295.76)` | Purple Emperor | white, 7.1 to 1 |
| 25 | `#7335bc` | `oklch(48.53% 0.1987 299.79)` | Purple Emperor | white, 7 to 1 |
| 26 | `#7b32bc` | `oklch(49.18% 0.2034 303.92)` | Purple Pristine | white, 6.9 to 1 |
| 27 | `#8532bb` | `oklch(50.20% 0.2054 308.38)` | Pheromone Purple | white, 6.6 to 1 |
| 28 | `#9135b8` | `oklch(51.88% 0.2036 313.61)` | Akebi Purple | white, 6.1 to 1 |
| 29 | `#9e3ab6` | `oklch(54.07% 0.1988 319.31)` | Akebi Purple | white, 5.6 to 1 |
| 30 | `#aa41b2` | `oklch(56.39% 0.1927 324.84)` | Vivid Fuchsia | white, 5 to 1 |
| 31 | `#b548b0` | `oklch(58.44% 0.1870 329.60)` | Ultraviolet Nusp | white, 4.6 to 1 |
| 32 | `#bc4cae` | `oklch(59.84% 0.1833 332.96)` | Ultraviolet Nusp | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(0deg, #1f3b10 0.0%, #103c1e 3.2%, #003a2d 6.5%, #003838 9.7%, #063641 12.9%, #143546 16.1%, #1a384e 19.4%, #1c3f59 22.6%, #1c4767 25.8%, #185074 29.0%, #155780 32.3%, #195c89 35.5%, #206091 38.7%, #276397 41.9%, #2e669c 45.2%, #3466a2 48.4%, #3865a8 51.6%, #3d61ad 54.8%, #435ab2 58.1%, #4b53b5 61.3%, #534bb7 64.5%, #5c44b9 67.7%, #633fba 71.0%, #6b3abb 74.2%, #7335bc 77.4%, #7b32bc 80.6%, #8532bb 83.9%, #9135b8 87.1%, #9e3ab6 90.3%, #aa41b2 93.5%, #b548b0 96.8%, #bc4cae 100.0%);
background: linear-gradient(0deg in oklch, oklch(31.89% 0.0758 136.41) 0.0%, oklch(31.64% 0.0713 150.79) 3.2%, oklch(31.16% 0.0605 171.85) 6.5%, oklch(30.74% 0.0524 195.60) 9.7%, oklch(30.69% 0.0512 217.64) 12.9%, oklch(31.31% 0.0494 233.89) 16.1%, oklch(32.91% 0.0532 241.96) 19.4%, oklch(35.39% 0.0616 244.56) 22.6%, oklch(38.33% 0.0724 243.92) 25.8%, oklch(41.28% 0.0835 242.22) 29.0%, oklch(43.81% 0.0928 241.64) 32.3%, oklch(45.69% 0.0984 243.38) 35.5%, oklch(47.33% 0.1014 245.41) 38.7%, oklch(48.73% 0.1033 247.70) 41.9%, oklch(49.82% 0.1056 250.45) 45.2%, oklch(50.56% 0.1097 253.83) 48.4%, oklch(50.86% 0.1172 258.09) 51.6%, oklch(50.51% 0.1280 263.47) 54.8%, oklch(49.75% 0.1406 269.56) 58.1%, oklch(48.89% 0.1536 275.85) 61.3%, oklch(48.22% 0.1656 281.84) 64.5%, oklch(48.01% 0.1752 287.04) 67.7%, oklch(48.01% 0.1840 291.58) 71.0%, oklch(48.16% 0.1920 295.76) 74.2%, oklch(48.53% 0.1987 299.79) 77.4%, oklch(49.18% 0.2034 303.92) 80.6%, oklch(50.20% 0.2054 308.38) 83.9%, oklch(51.88% 0.2036 313.61) 87.1%, oklch(54.07% 0.1988 319.31) 90.3%, oklch(56.39% 0.1927 324.84) 93.5%, oklch(58.44% 0.1870 329.60) 96.8%, oklch(59.84% 0.1833 332.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.076 | 136.4 |
| 2 | 0.315 | 0.05 | 235.7 |
| 3 | 0.445 | 0.095 | 242.1 |
| 4 | 0.508 | 0.113 | 255.8 |
| 5 | 0.48 | 0.172 | 285.4 |
| 6 | 0.5 | 0.205 | 307.6 |
| 7 | 0.598 | 0.183 | 333 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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