# Seamless tritone navy, purple and pink linear gradient

Seamless tritone navy, purple and pink linear gradient with 32 colors: #07142d, #0e1b3b, #1a2550, #2a316a, #3f3d85, #56479e, #6e4eb1, #8452be, #9b52c4, #b350c4, #c94dbe, #dd4bb4, #ee4ba6, #fb4e96, #ff5c82, #ff6a6f, #ff745e, #ff7d53, #ff8455, #ff8d69, #ff9a8e, #ffabb5, #ffb9d5, #ffc0f1, #f0c4ff, #d9befb, #b6a9e2, #8b89bb, #5f658f, #394266, #1a2643, #08142d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYMie6QbhEFXOxrfuMV7KE05kTuq`
- Page: https://grabient.com/kYMie6QbhEFXOxrfuMV7KE05kTuq?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, vivid, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#07142d` | `oklch(19.69% 0.0537 261.56)` | Squid’s Ink | white, 18.2 to 1 |
| 2 | `#0e1b3b` | `oklch(23.20% 0.0647 264.97)` | Nightwalker | white, 16.9 to 1 |
| 3 | `#1a2550` | `oklch(28.18% 0.0801 269.45)` | Space Cadet | white, 14.6 to 1 |
| 4 | `#2a316a` | `oklch(34.04% 0.0983 274.85)` | Underwater Realm | white, 12 to 1 |
| 5 | `#3f3d85` | `oklch(40.16% 0.1174 281.01)` | Clematis Blue | white, 9.4 to 1 |
| 6 | `#56479e` | `oklch(45.94% 0.1358 287.76)` | Liberty | white, 7.5 to 1 |
| 7 | `#6e4eb1` | `oklch(50.77% 0.1516 294.96)` | Royal Lavender | white, 6.1 to 1 |
| 8 | `#8452be` | `oklch(54.45% 0.1651 302.79)` | Fuchsia Blue | white, 5.3 to 1 |
| 9 | `#9b52c4` | `oklch(57.56% 0.1788 311.70)` | Morado Purple | white, 4.7 to 1 |
| 10 | `#b350c4` | `oklch(60.22% 0.1918 321.29)` | Love Priestess | black, 4.8 to 1 |
| 11 | `#c94dbe` | `oklch(62.54% 0.2030 331.16)` | Zǐ Sè Purple | black, 5.2 to 1 |
| 12 | `#dd4bb4` | `oklch(64.62% 0.2114 340.89)` | Orion | black, 5.7 to 1 |
| 13 | `#ee4ba6` | `oklch(66.56% 0.2159 350.07)` | Major Magenta | black, 6.1 to 1 |
| 14 | `#fb4e96` | `oklch(68.39% 0.2153 359.01)` | Pansy | black, 6.6 to 1 |
| 15 | `#ff5c82` | `oklch(69.85% 0.1989 9.69)` | Brink Pink | black, 7.1 to 1 |
| 16 | `#ff6a6f` | `oklch(71.06% 0.1824 20.87)` | Pompelmo | black, 7.5 to 1 |
| 17 | `#ff745e` | `oklch(72.13% 0.1741 30.90)` | Peachy Pinky | black, 7.9 to 1 |
| 18 | `#ff7d53` | `oklch(73.19% 0.1691 38.17)` | Coral | black, 8.2 to 1 |
| 19 | `#ff8455` | `oklch(74.37% 0.1617 41.05)` | Nectarine | black, 8.7 to 1 |
| 20 | `#ff8d69` | `oklch(75.94% 0.1474 37.84)` | Salmon Orange | black, 9.2 to 1 |
| 21 | `#ff9a8e` | `oklch(78.85% 0.1225 27.48)` | Peach Pink | black, 10.2 to 1 |
| 22 | `#ffabb5` | `oklch(82.48% 0.0997 11.91)` | Poodle Skirt | black, 11.7 to 1 |
| 23 | `#ffb9d5` | `oklch(85.84% 0.0877 353.50)` | Candy Bar | black, 13.1 to 1 |
| 24 | `#ffc0f1` | `oklch(87.94% 0.0949 334.61)` | Pink Quartz | black, 14 to 1 |
| 25 | `#f0c4ff` | `oklch(87.81% 0.0921 317.64)` | Light Lavender | black, 14 to 1 |
| 26 | `#d9befb` | `oklch(84.43% 0.0893 304.81)` | Lavender Fragrance | black, 12.6 to 1 |
| 27 | `#b6a9e2` | `oklch(76.50% 0.0814 294.68)` | Maximum Blue Purple | black, 9.7 to 1 |
| 28 | `#8b89bb` | `oklch(65.04% 0.0742 285.86)` | Butterfly Garden | black, 6.3 to 1 |
| 29 | `#5f658f` | `oklch(51.85% 0.0677 278.30)` | Twilight Purple | white, 5.6 to 1 |
| 30 | `#394266` | `oklch(38.71% 0.0620 271.94)` | Chronicle | white, 9.8 to 1 |
| 31 | `#1a2643` | `oklch(27.39% 0.0573 266.73)` | Eternal Darkness | white, 14.9 to 1 |
| 32 | `#08142d` | `oklch(19.69% 0.0537 262.62)` | Squid’s Ink | white, 18.2 to 1 |

## CSS

```css
background: linear-gradient(315deg, #07142d 0.0%, #0e1b3b 3.2%, #1a2550 6.5%, #2a316a 9.7%, #3f3d85 12.9%, #56479e 16.1%, #6e4eb1 19.4%, #8452be 22.6%, #9b52c4 25.8%, #b350c4 29.0%, #c94dbe 32.3%, #dd4bb4 35.5%, #ee4ba6 38.7%, #fb4e96 41.9%, #ff5c82 45.2%, #ff6a6f 48.4%, #ff745e 51.6%, #ff7d53 54.8%, #ff8455 58.1%, #ff8d69 61.3%, #ff9a8e 64.5%, #ffabb5 67.7%, #ffb9d5 71.0%, #ffc0f1 74.2%, #f0c4ff 77.4%, #d9befb 80.6%, #b6a9e2 83.9%, #8b89bb 87.1%, #5f658f 90.3%, #394266 93.5%, #1a2643 96.8%, #08142d 100.0%);
background: linear-gradient(315deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(23.20% 0.0647 264.97) 3.2%, oklch(28.18% 0.0801 269.45) 6.5%, oklch(34.04% 0.0983 274.85) 9.7%, oklch(40.16% 0.1174 281.01) 12.9%, oklch(45.94% 0.1358 287.76) 16.1%, oklch(50.77% 0.1516 294.96) 19.4%, oklch(54.45% 0.1651 302.79) 22.6%, oklch(57.56% 0.1788 311.70) 25.8%, oklch(60.22% 0.1918 321.29) 29.0%, oklch(62.54% 0.2030 331.16) 32.3%, oklch(64.62% 0.2114 340.89) 35.5%, oklch(66.56% 0.2159 350.07) 38.7%, oklch(68.39% 0.2153 359.01) 41.9%, oklch(69.85% 0.1989 9.69) 45.2%, oklch(71.06% 0.1824 20.87) 48.4%, oklch(72.13% 0.1741 30.90) 51.6%, oklch(73.19% 0.1691 38.17) 54.8%, oklch(74.37% 0.1617 41.05) 58.1%, oklch(75.94% 0.1474 37.84) 61.3%, oklch(78.85% 0.1225 27.48) 64.5%, oklch(82.48% 0.0997 11.91) 67.7%, oklch(85.84% 0.0877 353.50) 71.0%, oklch(87.94% 0.0949 334.61) 74.2%, oklch(87.81% 0.0921 317.64) 77.4%, oklch(84.43% 0.0893 304.81) 80.6%, oklch(76.50% 0.0814 294.68) 83.9%, oklch(65.04% 0.0742 285.86) 87.1%, oklch(51.85% 0.0677 278.30) 90.3%, oklch(38.71% 0.0620 271.94) 93.5%, oklch(27.39% 0.0573 266.73) 96.8%, oklch(19.69% 0.0537 262.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.054 | 261.6 |
| 2 | 0.516 | 0.154 | 296.4 |
| 3 | 0.673 | 0.216 | 353.5 |
| 4 | 0.752 | 0.156 | 400 |
| 5 | 0.854 | 0.091 | 307 |
| 6 | 0.197 | 0.054 | 262.6 |

## Other forms

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