# GTA 6 Trailer 2 pastel skyline

Colors of the GTA 6 Trailer 2 artwork: sky blue, lavender and pink towers, and mint and teal water.

- Also called: Pastel blue, pink and teal linear gradient
- Seed: `kIXStyG3ttwfjCyB8-zcGf08gV-zsA`
- Page: https://grabient.com/kIXStyG3ttwfjCyB8-zcGf08gV-zsA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: pastel, light
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 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 | `#74adc8` | `oklch(71.82% 0.0712 229.34)` | Soul Blue | black, 8.5 to 1 |
| 2 | `#7baecc` | `oklch(72.56% 0.0691 234.99)` | Soul Blue | black, 8.7 to 1 |
| 3 | `#85afd0` | `oklch(73.59% 0.0659 242.52)` | Mini Bay | black, 9 to 1 |
| 4 | `#91b1d4` | `oklch(74.80% 0.0622 251.56)` | Lazy Day | black, 9.4 to 1 |
| 5 | `#9db2d8` | `oklch(76.12% 0.0586 261.73)` | Myrtle Flower | black, 9.8 to 1 |
| 6 | `#a9b4da` | `oklch(77.46% 0.0556 272.68)` | Sassy Violet | black, 10.2 to 1 |
| 7 | `#b5b6dc` | `oklch(78.73% 0.0538 284.02)` | Wild Orchid Blue | black, 10.6 to 1 |
| 8 | `#c0b7dd` | `oklch(79.91% 0.0538 295.94)` | Melrose | black, 11 to 1 |
| 9 | `#ccb8dd` | `oklch(81.08% 0.0556 309.12)` | Viking Diva | black, 11.4 to 1 |
| 10 | `#d8b9db` | `oklch(82.25% 0.0584 323.15)` | French Lilac | black, 11.8 to 1 |
| 11 | `#e4bad7` | `oklch(83.44% 0.0612 337.56)` | Designer Pink | black, 12.3 to 1 |
| 12 | `#eebcd1` | `oklch(84.64% 0.0631 351.90)` | Sweet Taffy | black, 12.7 to 1 |
| 13 | `#f6c0ca` | `oklch(85.87% 0.0630 5.71)` | Deco Pink | black, 13.3 to 1 |
| 14 | `#fac6c6` | `oklch(87.20% 0.0600 18.62)` | Icing on the Cake | black, 13.9 to 1 |
| 15 | `#fccec5` | `oklch(88.88% 0.0537 30.83)` | Full Bloom | black, 14.7 to 1 |
| 16 | `#fcd7c9` | `oklch(90.71% 0.0453 42.66)` | Shell Tint | black, 15.7 to 1 |
| 17 | `#fae0d0` | `oklch(92.41% 0.0365 54.44)` | Derry Coast Sunrise | black, 16.6 to 1 |
| 18 | `#f8e7d7` | `oklch(93.73% 0.0288 66.50)` | Tender | black, 17.4 to 1 |
| 19 | `#f5ebdb` | `oklch(94.42% 0.0237 79.14)` | Modern Ivory | black, 17.8 to 1 |
| 20 | `#f1ecdb` | `oklch(94.23% 0.0226 92.84)` | Buttery White | black, 17.7 to 1 |
| 21 | `#e9ead7` | `oklch(93.12% 0.0253 108.65)` | Wishy-Washy Yellow | black, 17.2 to 1 |
| 22 | `#dde6d1` | `oklch(91.33% 0.0305 125.73)` | Willow Brook | black, 16.3 to 1 |
| 23 | `#cde2cb` | `oklch(89.11% 0.0373 142.84)` | Jocular Green | black, 15.3 to 1 |
| 24 | `#bcddc9` | `oklch(86.71% 0.0447 158.74)` | Spirited Green | black, 14.2 to 1 |
| 25 | `#aad7c8` | `oklch(84.39% 0.0516 172.20)` | Scud | black, 13.3 to 1 |
| 26 | `#9dd2c8` | `oklch(82.37% 0.0571 182.00)` | Refresh | black, 12.4 to 1 |
| 27 | `#90ccc6` | `oklch(80.35% 0.0620 188.01)` | Tropical Holiday | black, 11.6 to 1 |
| 28 | `#85c6c2` | `oklch(78.21% 0.0669 191.14)` | Mercury Mist | black, 10.8 to 1 |
| 29 | `#79c0bd` | `oklch(76.10% 0.0716 192.28)` | Gentle Wave | black, 10.1 to 1 |
| 30 | `#6fbbb8` | `oklch(74.16% 0.0759 192.30)` | Earth Eclipse | black, 9.4 to 1 |
| 31 | `#66b6b3` | `oklch(72.52% 0.0794 192.06)` | Veranda Blue | black, 8.9 to 1 |
| 32 | `#5fb3b0` | `oklch(71.33% 0.0820 192.43)` | Artesian Well | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #74adc8 0.0%, #7baecc 3.2%, #85afd0 6.5%, #91b1d4 9.7%, #9db2d8 12.9%, #a9b4da 16.1%, #b5b6dc 19.4%, #c0b7dd 22.6%, #ccb8dd 25.8%, #d8b9db 29.0%, #e4bad7 32.3%, #eebcd1 35.5%, #f6c0ca 38.7%, #fac6c6 41.9%, #fccec5 45.2%, #fcd7c9 48.4%, #fae0d0 51.6%, #f8e7d7 54.8%, #f5ebdb 58.1%, #f1ecdb 61.3%, #e9ead7 64.5%, #dde6d1 67.7%, #cde2cb 71.0%, #bcddc9 74.2%, #aad7c8 77.4%, #9dd2c8 80.6%, #90ccc6 83.9%, #85c6c2 87.1%, #79c0bd 90.3%, #6fbbb8 93.5%, #66b6b3 96.8%, #5fb3b0 100.0%);
background: linear-gradient(180deg in oklch, oklch(71.82% 0.0712 229.34) 0.0%, oklch(72.56% 0.0691 234.99) 3.2%, oklch(73.59% 0.0659 242.52) 6.5%, oklch(74.80% 0.0622 251.56) 9.7%, oklch(76.12% 0.0586 261.73) 12.9%, oklch(77.46% 0.0556 272.68) 16.1%, oklch(78.73% 0.0538 284.02) 19.4%, oklch(79.91% 0.0538 295.94) 22.6%, oklch(81.08% 0.0556 309.12) 25.8%, oklch(82.25% 0.0584 323.15) 29.0%, oklch(83.44% 0.0612 337.56) 32.3%, oklch(84.64% 0.0631 351.90) 35.5%, oklch(85.87% 0.0630 5.71) 38.7%, oklch(87.20% 0.0600 18.62) 41.9%, oklch(88.88% 0.0537 30.83) 45.2%, oklch(90.71% 0.0453 42.66) 48.4%, oklch(92.41% 0.0365 54.44) 51.6%, oklch(93.73% 0.0288 66.50) 54.8%, oklch(94.42% 0.0237 79.14) 58.1%, oklch(94.23% 0.0226 92.84) 61.3%, oklch(93.12% 0.0253 108.65) 64.5%, oklch(91.33% 0.0305 125.73) 67.7%, oklch(89.11% 0.0373 142.84) 71.0%, oklch(86.71% 0.0447 158.74) 74.2%, oklch(84.39% 0.0516 172.20) 77.4%, oklch(82.37% 0.0571 182.00) 80.6%, oklch(80.35% 0.0620 188.01) 83.9%, oklch(78.21% 0.0669 191.14) 87.1%, oklch(76.10% 0.0716 192.28) 90.3%, oklch(74.16% 0.0759 192.30) 93.5%, oklch(72.52% 0.0794 192.06) 96.8%, oklch(71.33% 0.0820 192.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.718 | 0.071 | 229.3 |
| 2 | 0.79 | 0.054 | 286.3 |
| 3 | 0.864 | 0.062 | 371 |
| 4 | 0.944 | 0.023 | 447.2 |
| 5 | 0.827 | 0.056 | 540.4 |
| 6 | 0.713 | 0.082 | 552.4 |

## In these collections

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

## Other forms

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