# GTA 6 Trailer 1 Art Deco sunset

Colors of the GTA 6 Trailer 1 artwork: plum palms, a rose and orange sunset, and lavender and violet Art Deco hotels.

- Also called: Warm purple, pink and peach linear gradient
- Seed: `kGYZHd3Uh5of6nbhqZriGPbMw`
- Page: https://grabient.com/kGYZHd3Uh5of6nbhqZriGPbMw?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#864777` | `oklch(49.14% 0.1067 336.70)` | Visiona Red | white, 6.6 to 1 |
| 2 | `#8c4c7a` | `oklch(50.97% 0.1057 338.71)` | Sugar Plum | white, 6.1 to 1 |
| 3 | `#95537f` | `oklch(53.49% 0.1039 341.22)` | Verve Violet | white, 5.4 to 1 |
| 4 | `#a05c84` | `oklch(56.51% 0.1018 344.20)` | Thimble Red | white, 4.8 to 1 |
| 5 | `#ab668a` | `oklch(59.80% 0.0997 347.61)` | Wild Mulberry | black, 5 to 1 |
| 6 | `#b77090` | `oklch(63.13% 0.0979 351.44)` | Fuscia Fizz | black, 5.7 to 1 |
| 7 | `#c27a95` | `oklch(66.30% 0.0966 355.64)` | Polignac | black, 6.5 to 1 |
| 8 | `#cd8299` | `oklch(69.09% 0.0963 0.19)` | Cashmere Rose | black, 7.2 to 1 |
| 9 | `#d6889a` | `oklch(71.30% 0.0973 5.15)` | Rambling Rose | black, 7.8 to 1 |
| 10 | `#df8e97` | `oklch(73.20% 0.0999 12.36)` | Ruddy Pink | black, 8.4 to 1 |
| 11 | `#e89390` | `oklch(74.95% 0.1041 21.59)` | Dishy Coral | black, 9 to 1 |
| 12 | `#f09887` | `oklch(76.51% 0.1090 31.61)` | Whimsy | black, 9.5 to 1 |
| 13 | `#f59e7d` | `oklch(77.84% 0.1143 41.17)` | Tropical Paradise | black, 10 to 1 |
| 14 | `#f8a374` | `oklch(78.91% 0.1192 49.04)` | Flaming Cauldron | black, 10.4 to 1 |
| 15 | `#faa66e` | `oklch(79.70% 0.1232 53.99)` | Trump Tan | black, 10.7 to 1 |
| 16 | `#fda86c` | `oklch(80.17% 0.1257 54.78)` | Trump Tan | black, 10.9 to 1 |
| 17 | `#ffa673` | `oklch(80.27% 0.1248 50.02)` | Young Tangerine | black, 10.9 to 1 |
| 18 | `#ffa284` | `oklch(79.93% 0.1186 38.76)` | Orchid Orange | black, 10.7 to 1 |
| 19 | `#ff9c97` | `oklch(79.21% 0.1198 22.62)` | Rubber Radish | black, 10.4 to 1 |
| 20 | `#f698b0` | `oklch(78.21% 0.1161 3.49)` | Flower Girl | black, 10 to 1 |
| 21 | `#e697c7` | `oklch(77.00% 0.1115 343.29)` | Crepe Myrtle | black, 9.6 to 1 |
| 22 | `#d298d7` | `oklch(75.66% 0.1074 323.92)` | Somewhere in a Fairytale | black, 9.2 to 1 |
| 23 | `#bd9adf` | `oklch(74.27% 0.1045 307.27)` | Bright Lavender | black, 8.8 to 1 |
| 24 | `#ac9ae2` | `oklch(72.93% 0.1037 295.25)` | Dull Lavender | black, 8.4 to 1 |
| 25 | `#a198e1` | `oklch(71.58% 0.1055 288.81)` | Dull Lavender | black, 8.1 to 1 |
| 26 | `#9994df` | `oklch(69.99% 0.1096 286.08)` | Portage | black, 7.6 to 1 |
| 27 | `#938edd` | `oklch(68.24% 0.1153 286.16)` | Perrywinkle | black, 7.1 to 1 |
| 28 | `#9086da` | `oklch(66.43% 0.1218 288.18)` | Indigo Bloom | black, 6.6 to 1 |
| 29 | `#907ed6` | `oklch(64.68% 0.1287 291.31)` | Indigo Bloom | black, 6.1 to 1 |
| 30 | `#9077d2` | `oklch(63.08% 0.1352 294.70)` | True V | black, 5.7 to 1 |
| 31 | `#9070ce` | `oklch(61.74% 0.1406 297.50)` | True V | black, 5.4 to 1 |
| 32 | `#8f6ccc` | `oklch(60.76% 0.1443 298.87)` | True V | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #864777 0.0%, #8c4c7a 3.2%, #95537f 6.5%, #a05c84 9.7%, #ab668a 12.9%, #b77090 16.1%, #c27a95 19.4%, #cd8299 22.6%, #d6889a 25.8%, #df8e97 29.0%, #e89390 32.3%, #f09887 35.5%, #f59e7d 38.7%, #f8a374 41.9%, #faa66e 45.2%, #fda86c 48.4%, #ffa673 51.6%, #ffa284 54.8%, #ff9c97 58.1%, #f698b0 61.3%, #e697c7 64.5%, #d298d7 67.7%, #bd9adf 71.0%, #ac9ae2 74.2%, #a198e1 77.4%, #9994df 80.6%, #938edd 83.9%, #9086da 87.1%, #907ed6 90.3%, #9077d2 93.5%, #9070ce 96.8%, #8f6ccc 100.0%);
background: linear-gradient(180deg in oklch, oklch(49.14% 0.1067 336.70) 0.0%, oklch(50.97% 0.1057 338.71) 3.2%, oklch(53.49% 0.1039 341.22) 6.5%, oklch(56.51% 0.1018 344.20) 9.7%, oklch(59.80% 0.0997 347.61) 12.9%, oklch(63.13% 0.0979 351.44) 16.1%, oklch(66.30% 0.0966 355.64) 19.4%, oklch(69.09% 0.0963 0.19) 22.6%, oklch(71.30% 0.0973 5.15) 25.8%, oklch(73.20% 0.0999 12.36) 29.0%, oklch(74.95% 0.1041 21.59) 32.3%, oklch(76.51% 0.1090 31.61) 35.5%, oklch(77.84% 0.1143 41.17) 38.7%, oklch(78.91% 0.1192 49.04) 41.9%, oklch(79.70% 0.1232 53.99) 45.2%, oklch(80.17% 0.1257 54.78) 48.4%, oklch(80.27% 0.1248 50.02) 51.6%, oklch(79.93% 0.1186 38.76) 54.8%, oklch(79.21% 0.1198 22.62) 58.1%, oklch(78.21% 0.1161 3.49) 61.3%, oklch(77.00% 0.1115 343.29) 64.5%, oklch(75.66% 0.1074 323.92) 67.7%, oklch(74.27% 0.1045 307.27) 71.0%, oklch(72.93% 0.1037 295.25) 74.2%, oklch(71.58% 0.1055 288.81) 77.4%, oklch(69.99% 0.1096 286.08) 80.6%, oklch(68.24% 0.1153 286.16) 83.9%, oklch(66.43% 0.1218 288.18) 87.1%, oklch(64.68% 0.1287 291.31) 90.3%, oklch(63.08% 0.1352 294.70) 93.5%, oklch(61.74% 0.1406 297.50) 96.8%, oklch(60.76% 0.1443 298.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.491 | 0.107 | 336.7 |
| 2 | 0.708 | 0.097 | 363.8 |
| 3 | 0.803 | 0.126 | 413.2 |
| 4 | 0.726 | 0.104 | 293.2 |
| 5 | 0.608 | 0.144 | 298.9 |

## In these collections

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

## Other forms

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