# Tritone navy, brown and green linear gradient

Tritone navy, brown and green linear gradient with 32 colors: #030135, #060033, #0a0030, #0d002c, #110028, #140025, #170021, #1a001f, #1c001d, #1f001b, #23001a, #280018, #2d0216, #340513, #3b0e0e, #41190a, #462508, #4a310b, #4e3d12, #534917, #59551a, #5f631b, #65711a, #6b7f18, #708d18, #739b1d, #77a924, #7db728, #83c42b, #8ad02d, #90da2e, #94e230. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYJ0i_k5vFZobxUxmEr0DbDunNQI`
- Page: https://grabient.com/kYJ0i_k5vFZobxUxmEr0DbDunNQI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.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 | `#030135` | `oklch(15.35% 0.0992 269.30)` | Midnight Blue | white, 19.8 to 1 |
| 2 | `#060033` | `oklch(15.30% 0.0965 274.17)` | Erebus Blue | white, 19.8 to 1 |
| 3 | `#0a0030` | `oklch(15.27% 0.0919 280.73)` | Erebus Blue | white, 19.8 to 1 |
| 4 | `#0d002c` | `oklch(15.14% 0.0864 288.64)` | Black Htun | white, 19.9 to 1 |
| 5 | `#110028` | `oklch(15.07% 0.0817 297.23)` | Space Grey | white, 19.9 to 1 |
| 6 | `#140025` | `oklch(15.12% 0.0782 305.92)` | Space Grey | white, 19.8 to 1 |
| 7 | `#170021` | `oklch(15.31% 0.0757 314.21)` | Space Grey | white, 19.8 to 1 |
| 8 | `#1a001f` | `oklch(15.67% 0.0747 321.36)` | Black Sabbath | white, 19.7 to 1 |
| 9 | `#1c001d` | `oklch(16.08% 0.0742 327.63)` | Black Sabbath | white, 19.6 to 1 |
| 10 | `#1f001b` | `oklch(16.60% 0.0743 333.73)` | Black Sabbath | white, 19.5 to 1 |
| 11 | `#23001a` | `oklch(17.31% 0.0751 340.26)` | Black Sabbath | white, 19.3 to 1 |
| 12 | `#280018` | `oklch(18.31% 0.0760 347.78)` | Belladonna | white, 19 to 1 |
| 13 | `#2d0216` | `oklch(19.75% 0.0760 356.96)` | Rhodophobia | white, 18.5 to 1 |
| 14 | `#340513` | `oklch(21.71% 0.0748 8.62)` | Ilvaite Black | white, 17.8 to 1 |
| 15 | `#3b0e0e` | `oklch(24.16% 0.0717 23.37)` | Dark Sienna | white, 16.7 to 1 |
| 16 | `#41190a` | `oklch(27.00% 0.0676 40.00)` | Old Study | white, 15.3 to 1 |
| 17 | `#462508` | `oklch(30.14% 0.0641 57.14)` | Ibex Brown | white, 13.8 to 1 |
| 18 | `#4a310b` | `oklch(33.48% 0.0622 73.41)` | Bavarian Sweet Mustard | white, 12.1 to 1 |
| 19 | `#4e3d12` | `oklch(36.91% 0.0634 87.45)` | Avocado Stone | white, 10.5 to 1 |
| 20 | `#534917` | `oklch(40.38% 0.0690 98.06)` | Sugarloaf Brown | white, 9 to 1 |
| 21 | `#59551a` | `oklch(44.10% 0.0792 106.06)` | Douro | white, 7.6 to 1 |
| 22 | `#5f631b` | `oklch(48.05% 0.0929 112.17)` | Kirchner Green | white, 6.4 to 1 |
| 23 | `#65711a` | `oklch(52.11% 0.1085 116.84)` | Fern Frond | white, 5.3 to 1 |
| 24 | `#6b7f18` | `oklch(56.14% 0.1246 120.49)` | Jungle Vibes | black, 4.6 to 1 |
| 25 | `#708d18` | `oklch(60.05% 0.1398 123.58)` | Scallion | black, 5.5 to 1 |
| 26 | `#739b1d` | `oklch(63.71% 0.1526 126.50)` | Luminescent Green | black, 6.4 to 1 |
| 27 | `#77a924` | `oklch(67.43% 0.1645 128.70)` | Christi | black, 7.4 to 1 |
| 28 | `#7db728` | `oklch(71.22% 0.1763 129.97)` | Jubilant Meadow | black, 8.6 to 1 |
| 29 | `#83c42b` | `oklch(74.89% 0.1875 130.59)` | Niblet Green | black, 9.8 to 1 |
| 30 | `#8ad02d` | `oklch(78.22% 0.1976 130.83)` | Thick Green | black, 11.1 to 1 |
| 31 | `#90da2e` | `oklch(81.01% 0.2060 130.95)` | Effervescent Lime | black, 12.2 to 1 |
| 32 | `#94e230` | `oklch(83.07% 0.2122 131.21)` | Kiwi Green | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #030135 0.0%, #060033 3.2%, #0a0030 6.5%, #0d002c 9.7%, #110028 12.9%, #140025 16.1%, #170021 19.4%, #1a001f 22.6%, #1c001d 25.8%, #1f001b 29.0%, #23001a 32.3%, #280018 35.5%, #2d0216 38.7%, #340513 41.9%, #3b0e0e 45.2%, #41190a 48.4%, #462508 51.6%, #4a310b 54.8%, #4e3d12 58.1%, #534917 61.3%, #59551a 64.5%, #5f631b 67.7%, #65711a 71.0%, #6b7f18 74.2%, #708d18 77.4%, #739b1d 80.6%, #77a924 83.9%, #7db728 87.1%, #83c42b 90.3%, #8ad02d 93.5%, #90da2e 96.8%, #94e230 100.0%);
background: linear-gradient(135deg in oklch, oklch(15.35% 0.0992 269.30) 0.0%, oklch(15.30% 0.0965 274.17) 3.2%, oklch(15.27% 0.0919 280.73) 6.5%, oklch(15.14% 0.0864 288.64) 9.7%, oklch(15.07% 0.0817 297.23) 12.9%, oklch(15.12% 0.0782 305.92) 16.1%, oklch(15.31% 0.0757 314.21) 19.4%, oklch(15.67% 0.0747 321.36) 22.6%, oklch(16.08% 0.0742 327.63) 25.8%, oklch(16.60% 0.0743 333.73) 29.0%, oklch(17.31% 0.0751 340.26) 32.3%, oklch(18.31% 0.0760 347.78) 35.5%, oklch(19.75% 0.0760 356.96) 38.7%, oklch(21.71% 0.0748 8.62) 41.9%, oklch(24.16% 0.0717 23.37) 45.2%, oklch(27.00% 0.0676 40.00) 48.4%, oklch(30.14% 0.0641 57.14) 51.6%, oklch(33.48% 0.0622 73.41) 54.8%, oklch(36.91% 0.0634 87.45) 58.1%, oklch(40.38% 0.0690 98.06) 61.3%, oklch(44.10% 0.0792 106.06) 64.5%, oklch(48.05% 0.0929 112.17) 67.7%, oklch(52.11% 0.1085 116.84) 71.0%, oklch(56.14% 0.1246 120.49) 74.2%, oklch(60.05% 0.1398 123.58) 77.4%, oklch(63.71% 0.1526 126.50) 80.6%, oklch(67.43% 0.1645 128.70) 83.9%, oklch(71.22% 0.1763 129.97) 87.1%, oklch(74.89% 0.1875 130.59) 90.3%, oklch(78.22% 0.1976 130.83) 93.5%, oklch(81.01% 0.2060 130.95) 96.8%, oklch(83.07% 0.2122 131.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.099 | 269.3 |
| 2 | 0.154 | 0.076 | 315.8 |
| 3 | 0.205 | 0.076 | 361.2 |
| 4 | 0.39 | 0.066 | 454.2 |
| 5 | 0.63 | 0.15 | 485.9 |
| 6 | 0.831 | 0.212 | 491.2 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)
- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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