# Tritone navy, blue and pink radial gradient

Tritone navy, blue and pink radial gradient with 32 colors: #181426, #1b172c, #201b35, #251f40, #2a254d, #302b5b, #35316a, #3a3979, #3e4088, #414896, #4350a2, #4258ac, #3e62b5, #356cbc, #2977c2, #1882c5, #008cc7, #0094c7, #009cc9, #00a3ce, #17a7d3, #2caada, #43aae3, #5ba8ec, #75a4f2, #8f9ef4, #a797f0, #bc90e6, #cd8bd7, #da87c7, #e285b8, #e884ad. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNBrQvDC9deturdL87g`
- Page: https://grabient.com/kUNBrQvDC9deturdL87g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.1 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 | `#181426` | `oklch(20.47% 0.0358 293.20)` | Sambucus | white, 18 to 1 |
| 2 | `#1b172c` | `oklch(22.03% 0.0419 292.09)` | Sambucus | white, 17.4 to 1 |
| 3 | `#201b35` | `oklch(24.05% 0.0502 290.79)` | Sombre Night | white, 16.6 to 1 |
| 4 | `#251f40` | `oklch(26.44% 0.0603 289.31)` | Throat | white, 15.5 to 1 |
| 5 | `#2a254d` | `oklch(29.12% 0.0715 287.63)` | Pāua | white, 14.3 to 1 |
| 6 | `#302b5b` | `oklch(32.01% 0.0833 285.74)` | Deep Sea Base | white, 12.9 to 1 |
| 7 | `#35316a` | `oklch(35.01% 0.0951 283.65)` | Deep Koamaru | white, 11.6 to 1 |
| 8 | `#3a3979` | `oklch(38.04% 0.1065 281.35)` | Good Karma | white, 10.3 to 1 |
| 9 | `#3e4088` | `oklch(41.02% 0.1168 278.83)` | Clematis Blue | white, 9.1 to 1 |
| 10 | `#414896` | `oklch(43.85% 0.1255 276.09)` | Galaxy Express | white, 8 to 1 |
| 11 | `#4350a2` | `oklch(46.44% 0.1321 273.11)` | Dazzling Blue | white, 7.2 to 1 |
| 12 | `#4258ac` | `oklch(48.82% 0.1361 269.53)` | Chinese Bellflower | white, 6.4 to 1 |
| 13 | `#3e62b5` | `oklch(51.22% 0.1382 264.36)` | Kakitsubata Blue | white, 5.8 to 1 |
| 14 | `#356cbc` | `oklch(53.62% 0.1387 258.04)` | Matt Blue | white, 5.1 to 1 |
| 15 | `#2977c2` | `oklch(56.01% 0.1380 251.08)` | Bluish | white, 4.6 to 1 |
| 16 | `#1882c5` | `oklch(58.34% 0.1364 244.03)` | Water Raceway | black, 5 to 1 |
| 17 | `#008cc7` | `oklch(60.58% 0.1331 237.42)` | Celebration Blue | black, 5.5 to 1 |
| 18 | `#0094c7` | `oklch(62.70% 0.1275 231.75)` | Germander Speedwell | black, 6 to 1 |
| 19 | `#009cc9` | `oklch(64.67% 0.1256 227.56)` | Isle of Capri | black, 6.6 to 1 |
| 20 | `#00a3ce` | `oklch(66.45% 0.1263 225.39)` | Charybdis | black, 7 to 1 |
| 21 | `#17a7d3` | `oklch(68.00% 0.1257 225.76)` | Modal | black, 7.5 to 1 |
| 22 | `#2caada` | `oklch(69.30% 0.1254 229.25)` | Royal Peacock | black, 7.8 to 1 |
| 23 | `#43aae3` | `oklch(70.34% 0.1255 236.59)` | High Blue | black, 8.1 to 1 |
| 24 | `#5ba8ec` | `oklch(71.13% 0.1258 247.24)` | Cerulean | black, 8.2 to 1 |
| 25 | `#75a4f2` | `oklch(71.73% 0.1263 260.39)` | Fennel Flower | black, 8.3 to 1 |
| 26 | `#8f9ef4` | `oklch(72.16% 0.1270 275.24)` | Periwinkle Blue | black, 8.3 to 1 |
| 27 | `#a797f0` | `oklch(72.46% 0.1278 290.96)` | Dull Lavender | black, 8.3 to 1 |
| 28 | `#bc90e6` | `oklch(72.66% 0.1285 306.77)` | Luminous Lavender | black, 8.2 to 1 |
| 29 | `#cd8bd7` | `oklch(72.81% 0.1293 321.83)` | Blush Essence | black, 8.2 to 1 |
| 30 | `#da87c7` | `oklch(72.92% 0.1300 335.35)` | Pink Punk | black, 8.2 to 1 |
| 31 | `#e285b8` | `oklch(73.05% 0.1305 346.50)` | Middle Purple | black, 8.2 to 1 |
| 32 | `#e884ad` | `oklch(73.23% 0.1309 354.49)` | Aurora Pink | black, 8.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #181426 0.0%, #1b172c 3.2%, #201b35 6.5%, #251f40 9.7%, #2a254d 12.9%, #302b5b 16.1%, #35316a 19.4%, #3a3979 22.6%, #3e4088 25.8%, #414896 29.0%, #4350a2 32.3%, #4258ac 35.5%, #3e62b5 38.7%, #356cbc 41.9%, #2977c2 45.2%, #1882c5 48.4%, #008cc7 51.6%, #0094c7 54.8%, #009cc9 58.1%, #00a3ce 61.3%, #17a7d3 64.5%, #2caada 67.7%, #43aae3 71.0%, #5ba8ec 74.2%, #75a4f2 77.4%, #8f9ef4 80.6%, #a797f0 83.9%, #bc90e6 87.1%, #cd8bd7 90.3%, #da87c7 93.5%, #e285b8 96.8%, #e884ad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0358 293.20) 0.0%, oklch(22.03% 0.0419 292.09) 3.2%, oklch(24.05% 0.0502 290.79) 6.5%, oklch(26.44% 0.0603 289.31) 9.7%, oklch(29.12% 0.0715 287.63) 12.9%, oklch(32.01% 0.0833 285.74) 16.1%, oklch(35.01% 0.0951 283.65) 19.4%, oklch(38.04% 0.1065 281.35) 22.6%, oklch(41.02% 0.1168 278.83) 25.8%, oklch(43.85% 0.1255 276.09) 29.0%, oklch(46.44% 0.1321 273.11) 32.3%, oklch(48.82% 0.1361 269.53) 35.5%, oklch(51.22% 0.1382 264.36) 38.7%, oklch(53.62% 0.1387 258.04) 41.9%, oklch(56.01% 0.1380 251.08) 45.2%, oklch(58.34% 0.1364 244.03) 48.4%, oklch(60.58% 0.1331 237.42) 51.6%, oklch(62.70% 0.1275 231.75) 54.8%, oklch(64.67% 0.1256 227.56) 58.1%, oklch(66.45% 0.1263 225.39) 61.3%, oklch(68.00% 0.1257 225.76) 64.5%, oklch(69.30% 0.1254 229.25) 67.7%, oklch(70.34% 0.1255 236.59) 71.0%, oklch(71.13% 0.1258 247.24) 74.2%, oklch(71.73% 0.1263 260.39) 77.4%, oklch(72.16% 0.1270 275.24) 80.6%, oklch(72.46% 0.1278 290.96) 83.9%, oklch(72.66% 0.1285 306.77) 87.1%, oklch(72.81% 0.1293 321.83) 90.3%, oklch(72.92% 0.1300 335.35) 93.5%, oklch(73.05% 0.1305 346.50) 96.8%, oklch(73.23% 0.1309 354.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.036 | 293.2 |
| 2 | 0.472 | 0.134 | 272.1 |
| 3 | 0.689 | 0.125 | 227.7 |
| 4 | 0.732 | 0.131 | 354.5 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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