# GTA 6 gas station getaway at dusk

Colors of the GTA 6 An Extended Look artwork: an indigo and violet dusk fading to lavender and pink.

- Also called: Analogous blue, purple and pink linear gradient
- Seed: `kGUs8eViWZsY92wRworKH3msk`
- Page: https://grabient.com/kGUs8eViWZsY92wRworKH3msk?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.6 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 | `#4b3c79` | `oklch(40.27% 0.1001 292.66)` | Sage Violet | white, 9.4 to 1 |
| 2 | `#4d3e7c` | `oklch(41.06% 0.1002 292.21)` | Loden Purple | white, 9.1 to 1 |
| 3 | `#4f417f` | `oklch(42.10% 0.1005 291.50)` | Fresh Eggplant | white, 8.7 to 1 |
| 4 | `#514583` | `oklch(43.33% 0.1007 290.65)` | Fresh Eggplant | white, 8.2 to 1 |
| 5 | `#544988` | `oklch(44.71% 0.1010 289.78)` | Victoria | white, 7.8 to 1 |
| 6 | `#574d8d` | `oklch(46.18% 0.1014 289.01)` | Purple Corallite | white, 7.3 to 1 |
| 7 | `#5b5292` | `oklch(47.69% 0.1019 288.45)` | Purple Corallite | white, 6.8 to 1 |
| 8 | `#5f5697` | `oklch(49.18% 0.1026 288.23)` | Purple Opulence | white, 6.4 to 1 |
| 9 | `#635a9c` | `oklch(50.61% 0.1034 288.47)` | Giant Onion | white, 6 to 1 |
| 10 | `#685ea1` | `oklch(52.08% 0.1045 289.02)` | Giant Onion | white, 5.6 to 1 |
| 11 | `#6d62a7` | `oklch(53.61% 0.1060 289.81)` | Scampi | white, 5.3 to 1 |
| 12 | `#7366ac` | `oklch(55.18% 0.1076 290.85)` | Genestealer Purple | white, 4.9 to 1 |
| 13 | `#796ab1` | `oklch(56.77% 0.1093 292.12)` | Clear Mauve | white, 4.6 to 1 |
| 14 | `#7f6db6` | `oklch(58.33% 0.1108 293.62)` | Lavish Spending | black, 4.7 to 1 |
| 15 | `#8571bb` | `oklch(59.85% 0.1121 295.36)` | Purple Hebe | black, 5 to 1 |
| 16 | `#8c74bf` | `oklch(61.29% 0.1130 297.32)` | Middle Blue Purple | black, 5.3 to 1 |
| 17 | `#9278c3` | `oklch(62.63% 0.1134 299.53)` | Ube | black, 5.6 to 1 |
| 18 | `#997ac5` | `oklch(63.90% 0.1132 302.10)` | Lavender Purple | black, 5.9 to 1 |
| 19 | `#9f7dc7` | `oklch(65.11% 0.1125 304.98)` | Wisteria | black, 6.2 to 1 |
| 20 | `#a680c8` | `oklch(66.27% 0.1116 308.10)` | Wisteria | black, 6.5 to 1 |
| 21 | `#ad82c8` | `oklch(67.40% 0.1107 311.38)` | Wisteria | black, 6.8 to 1 |
| 22 | `#b385c9` | `oklch(68.51% 0.1099 314.75)` | Creeping Bellflower | black, 7 to 1 |
| 23 | `#ba87c9` | `oklch(69.62% 0.1095 318.14)` | Lavender Sweater | black, 7.3 to 1 |
| 24 | `#c089ca` | `oklch(70.73% 0.1096 321.47)` | Violaceous | black, 7.7 to 1 |
| 25 | `#c78ccb` | `oklch(71.89% 0.1105 324.85)` | Rose Souvenir | black, 8 to 1 |
| 26 | `#cf8ecb` | `oklch(73.12% 0.1121 328.59)` | Carnation Rose | black, 8.3 to 1 |
| 27 | `#d790cc` | `oklch(74.38% 0.1142 332.52)` | Firm Pink | black, 8.7 to 1 |
| 28 | `#df93cb` | `oklch(75.63% 0.1165 336.47)` | Firm Pink | black, 9.1 to 1 |
| 29 | `#e695cb` | `oklch(76.80% 0.1189 340.24)` | Crepe Myrtle | black, 9.5 to 1 |
| 30 | `#ed97ca` | `oklch(77.86% 0.1212 343.65)` | Pearly Pink | black, 9.8 to 1 |
| 31 | `#f399ca` | `oklch(78.75% 0.1230 346.51)` | Pearly Pink | black, 10.1 to 1 |
| 32 | `#f79ac9` | `oklch(79.42% 0.1243 348.64)` | Pastel Magenta | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #4b3c79 0.0%, #4d3e7c 3.2%, #4f417f 6.5%, #514583 9.7%, #544988 12.9%, #574d8d 16.1%, #5b5292 19.4%, #5f5697 22.6%, #635a9c 25.8%, #685ea1 29.0%, #6d62a7 32.3%, #7366ac 35.5%, #796ab1 38.7%, #7f6db6 41.9%, #8571bb 45.2%, #8c74bf 48.4%, #9278c3 51.6%, #997ac5 54.8%, #9f7dc7 58.1%, #a680c8 61.3%, #ad82c8 64.5%, #b385c9 67.7%, #ba87c9 71.0%, #c089ca 74.2%, #c78ccb 77.4%, #cf8ecb 80.6%, #d790cc 83.9%, #df93cb 87.1%, #e695cb 90.3%, #ed97ca 93.5%, #f399ca 96.8%, #f79ac9 100.0%);
background: linear-gradient(180deg in oklch, oklch(40.27% 0.1001 292.66) 0.0%, oklch(41.06% 0.1002 292.21) 3.2%, oklch(42.10% 0.1005 291.50) 6.5%, oklch(43.33% 0.1007 290.65) 9.7%, oklch(44.71% 0.1010 289.78) 12.9%, oklch(46.18% 0.1014 289.01) 16.1%, oklch(47.69% 0.1019 288.45) 19.4%, oklch(49.18% 0.1026 288.23) 22.6%, oklch(50.61% 0.1034 288.47) 25.8%, oklch(52.08% 0.1045 289.02) 29.0%, oklch(53.61% 0.1060 289.81) 32.3%, oklch(55.18% 0.1076 290.85) 35.5%, oklch(56.77% 0.1093 292.12) 38.7%, oklch(58.33% 0.1108 293.62) 41.9%, oklch(59.85% 0.1121 295.36) 45.2%, oklch(61.29% 0.1130 297.32) 48.4%, oklch(62.63% 0.1134 299.53) 51.6%, oklch(63.90% 0.1132 302.10) 54.8%, oklch(65.11% 0.1125 304.98) 58.1%, oklch(66.27% 0.1116 308.10) 61.3%, oklch(67.40% 0.1107 311.38) 64.5%, oklch(68.51% 0.1099 314.75) 67.7%, oklch(69.62% 0.1095 318.14) 71.0%, oklch(70.73% 0.1096 321.47) 74.2%, oklch(71.89% 0.1105 324.85) 77.4%, oklch(73.12% 0.1121 328.59) 80.6%, oklch(74.38% 0.1142 332.52) 83.9%, oklch(75.63% 0.1165 336.47) 87.1%, oklch(76.80% 0.1189 340.24) 90.3%, oklch(77.86% 0.1212 343.65) 93.5%, oklch(78.75% 0.1230 346.51) 96.8%, oklch(79.42% 0.1243 348.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.403 | 0.1 | 292.7 |
| 2 | 0.503 | 0.103 | 288.4 |
| 3 | 0.62 | 0.113 | 298.4 |
| 4 | 0.71 | 0.11 | 322.3 |
| 5 | 0.794 | 0.124 | 348.6 |

## In these collections

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

## Other forms

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