# Setting sun over Leonida

The Rose, orange and navy gta 6 palette brings together magenta, red, light orange, purple, and dark blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark blue, and its lightest tone is light orange.

- Also called: Pink, peach, purple and navy radial gradient
- Seed: `kWna75W8jEGwkw2_yLLmaS6g`
- Page: https://grabient.com/kWna75W8jEGwkw2_yLLmaS6g?style=radialGradient&steps=40&angle=160
- Drawn as: radial gradient, 40 steps, 160 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.5 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 | `#e42499` | `oklch(61.81% 0.2398 350.16)` | Fanatic Fuchsia | black, 5 to 1 |
| 2 | `#e82895` | `oklch(62.43% 0.2376 352.32)` | Pinkinity | black, 5.1 to 1 |
| 3 | `#ec2c90` | `oklch(63.20% 0.2351 355.14)` | Pinkinity | black, 5.3 to 1 |
| 4 | `#f1318b` | `oklch(64.12% 0.2324 358.49)` | Prickly Pink | black, 5.5 to 1 |
| 5 | `#f63784` | `oklch(65.14% 0.2292 2.24)` | Pink Piano | black, 5.7 to 1 |
| 6 | `#fb3e7d` | `oklch(66.26% 0.2255 6.26)` | Diva Pink | black, 6 to 1 |
| 7 | `#ff4676` | `oklch(67.44% 0.2204 10.41)` | Infrared | black, 6.3 to 1 |
| 8 | `#ff5471` | `oklch(68.67% 0.2058 14.58)` | Fiery Rose | black, 6.7 to 1 |
| 9 | `#ff606e` | `oklch(69.91% 0.1928 18.63)` | Grenadine Pink | black, 7.1 to 1 |
| 10 | `#ff6b6c` | `oklch(71.14% 0.1814 22.42)` | Pompelmo | black, 7.5 to 1 |
| 11 | `#ff746b` | `oklch(72.36% 0.1713 25.90)` | Salmon | black, 7.9 to 1 |
| 12 | `#ff7f6c` | `oklch(73.92% 0.1596 30.08)` | Hipster Salmon | black, 8.5 to 1 |
| 13 | `#ff8b6e` | `oklch(75.84% 0.1466 35.08)` | Salmon Orange | black, 9.1 to 1 |
| 14 | `#ff9873` | `oklch(77.95% 0.1339 40.45)` | Hibiscus Delight | black, 10 to 1 |
| 15 | `#ffa479` | `oklch(80.09% 0.1222 45.77)` | Peachy | black, 10.8 to 1 |
| 16 | `#ffaf81` | `oklch(82.10% 0.1120 50.60)` | Sassy Peach | black, 11.7 to 1 |
| 17 | `#ffb888` | `oklch(83.80% 0.1035 54.51)` | Savannah Sun | black, 12.4 to 1 |
| 18 | `#ffbe8f` | `oklch(85.04% 0.0972 57.05)` | Orange Mousse | black, 13 to 1 |
| 19 | `#ffc193` | `oklch(85.66% 0.0936 57.81)` | Wispy White | black, 13.2 to 1 |
| 20 | `#ffc093` | `oklch(85.48% 0.0933 56.33)` | Wispy White | black, 13.2 to 1 |
| 21 | `#ffba90` | `oklch(84.34% 0.0973 52.13)` | Fuzzy Peach | black, 12.6 to 1 |
| 22 | `#ffaf8b` | `oklch(82.24% 0.1061 44.75)` | Spice Pink | black, 11.7 to 1 |
| 23 | `#fda088` | `oklch(79.33% 0.1168 34.75)` | Tangerine Cream | black, 10.5 to 1 |
| 24 | `#f88d8a` | `oklch(75.79% 0.1298 22.79)` | Vinaceous Cinnamon | black, 9.1 to 1 |
| 25 | `#ef7a90` | `oklch(71.79% 0.1445 9.53)` | So Charming | black, 7.8 to 1 |
| 26 | `#e0679b` | `oklch(67.49% 0.1597 355.63)` | Cosmetologist’s Pink | black, 6.5 to 1 |
| 27 | `#cc57a7` | `oklch(63.08% 0.1741 341.74)` | Pú Táo Zǐ Purple | black, 5.4 to 1 |
| 28 | `#b54ab2` | `oklch(58.72% 0.1864 328.53)` | Ultraviolet Nusp | white, 4.5 to 1 |
| 29 | `#9c3fba` | `oklch(54.59% 0.1953 316.66)` | Akebi Purple | white, 5.4 to 1 |
| 30 | `#8438bc` | `oklch(50.85% 0.1996 306.79)` | Pleasant Purple | white, 6.4 to 1 |
| 31 | `#6f32b9` | `oklch(47.45% 0.1984 298.98)` | Purple Emperor | white, 7.4 to 1 |
| 32 | `#5a2eb1` | `oklch(43.92% 0.1927 292.06)` | Royalty | white, 8.5 to 1 |
| 33 | `#4729a4` | `oklch(40.33% 0.1834 285.92)` | Galactic Purple | white, 9.8 to 1 |
| 34 | `#362595` | `oklch(36.76% 0.1716 280.48)` | Gentian Blue | white, 11.3 to 1 |
| 35 | `#262185` | `oklch(33.27% 0.1581 275.68)` | Blue Royale | white, 12.7 to 1 |
| 36 | `#191d74` | `oklch(29.97% 0.1441 271.48)` | 20000 Leagues Under the Sea | white, 14.2 to 1 |
| 37 | `#0d1a64` | `oklch(26.91% 0.1303 267.79)` | Dying Storm Blue | white, 15.5 to 1 |
| 38 | `#041656` | `oklch(24.19% 0.1178 264.57)` | Interstellar Blue | white, 16.7 to 1 |
| 39 | `#001448` | `oklch(21.91% 0.1012 261.98)` | Kantor Blue | white, 17.6 to 1 |
| 40 | `#00133a` | `oklch(20.10% 0.0803 259.59)` | Navy | white, 18.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e42499 0.0%, #e82895 2.6%, #ec2c90 5.1%, #f1318b 7.7%, #f63784 10.3%, #fb3e7d 12.8%, #ff4676 15.4%, #ff5471 17.9%, #ff606e 20.5%, #ff6b6c 23.1%, #ff746b 25.6%, #ff7f6c 28.2%, #ff8b6e 30.8%, #ff9873 33.3%, #ffa479 35.9%, #ffaf81 38.5%, #ffb888 41.0%, #ffbe8f 43.6%, #ffc193 46.2%, #ffc093 48.7%, #ffba90 51.3%, #ffaf8b 53.8%, #fda088 56.4%, #f88d8a 59.0%, #ef7a90 61.5%, #e0679b 64.1%, #cc57a7 66.7%, #b54ab2 69.2%, #9c3fba 71.8%, #8438bc 74.4%, #6f32b9 76.9%, #5a2eb1 79.5%, #4729a4 82.1%, #362595 84.6%, #262185 87.2%, #191d74 89.7%, #0d1a64 92.3%, #041656 94.9%, #001448 97.4%, #00133a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.2398 350.16) 0.0%, oklch(62.43% 0.2376 352.32) 2.6%, oklch(63.20% 0.2351 355.14) 5.1%, oklch(64.12% 0.2324 358.49) 7.7%, oklch(65.14% 0.2292 2.24) 10.3%, oklch(66.26% 0.2255 6.26) 12.8%, oklch(67.44% 0.2204 10.41) 15.4%, oklch(68.67% 0.2058 14.58) 17.9%, oklch(69.91% 0.1928 18.63) 20.5%, oklch(71.14% 0.1814 22.42) 23.1%, oklch(72.36% 0.1713 25.90) 25.6%, oklch(73.92% 0.1596 30.08) 28.2%, oklch(75.84% 0.1466 35.08) 30.8%, oklch(77.95% 0.1339 40.45) 33.3%, oklch(80.09% 0.1222 45.77) 35.9%, oklch(82.10% 0.1120 50.60) 38.5%, oklch(83.80% 0.1035 54.51) 41.0%, oklch(85.04% 0.0972 57.05) 43.6%, oklch(85.66% 0.0936 57.81) 46.2%, oklch(85.48% 0.0933 56.33) 48.7%, oklch(84.34% 0.0973 52.13) 51.3%, oklch(82.24% 0.1061 44.75) 53.8%, oklch(79.33% 0.1168 34.75) 56.4%, oklch(75.79% 0.1298 22.79) 59.0%, oklch(71.79% 0.1445 9.53) 61.5%, oklch(67.49% 0.1597 355.63) 64.1%, oklch(63.08% 0.1741 341.74) 66.7%, oklch(58.72% 0.1864 328.53) 69.2%, oklch(54.59% 0.1953 316.66) 71.8%, oklch(50.85% 0.1996 306.79) 74.4%, oklch(47.45% 0.1984 298.98) 76.9%, oklch(43.92% 0.1927 292.06) 79.5%, oklch(40.33% 0.1834 285.92) 82.1%, oklch(36.76% 0.1716 280.48) 84.6%, oklch(33.27% 0.1581 275.68) 87.2%, oklch(29.97% 0.1441 271.48) 89.7%, oklch(26.91% 0.1303 267.79) 92.3%, oklch(24.19% 0.1178 264.57) 94.9%, oklch(21.91% 0.1012 261.98) 97.4%, oklch(20.10% 0.0803 259.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.24 | 350.2 |
| 2 | 0.72 | 0.2 | 385 |
| 3 | 0.85 | 0.101 | 414.6 |
| 4 | 0.5 | 0.2 | 304.7 |
| 5 | 0.201 | 0.101 | 259.3 |

## In these collections

- [GTA 6 gradients](https://grabient.com/gta-6-gradients)

## Other forms

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