# Vice City neon and police lights Vice City at night: hot pink and crimson neon, a black street, and blue police lights. - Also called: Pink, black and blue linear gradient - Seed: `kGfFVlm8NE4RwKEhKiBYFkbuQ` - Page: https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark center - Hues: two-hue - Contrast of its darkest and lightest colors: 5.9 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 | `#f15596` | `oklch(67.56% 0.1990 358.17)` | Pansy | black, 6.4 to 1 | | 2 | `#ee5290` | `oklch(66.61% 0.1976 359.73)` | Tutuji Pink | black, 6.2 to 1 | | 3 | `#eb4f87` | `oklch(65.52% 0.1967 2.12)` | Hindu Lotus | black, 5.9 to 1 | | 4 | `#e74a7d` | `oklch(64.23% 0.1955 4.97)` | Kacey’s Pink | black, 5.6 to 1 | | 5 | `#e24672` | `oklch(62.69% 0.1938 7.95)` | Feverish Passion | black, 5.3 to 1 | | 6 | `#db4167` | `oklch(60.84% 0.1908 10.71)` | Azalea | black, 4.9 to 1 | | 7 | `#d23c5c` | `oklch(58.62% 0.1860 12.90)` | Azalea | white, 4.6 to 1 | | 8 | `#c73853` | `oklch(56.00% 0.1789 14.18)` | Nakabeni Pink | white, 5.1 to 1 | | 9 | `#b8334c` | `oklch(52.87% 0.1690 14.24)` | Chubby Kiss | white, 5.8 to 1 | | 10 | `#a42d45` | `oklch(48.64% 0.1537 13.53)` | Warrior Queen | white, 6.9 to 1 | | 11 | `#8b273d` | `oklch(43.45% 0.1339 12.25)` | Thrill Ride | white, 8.5 to 1 | | 12 | `#702133` | `oklch(37.73% 0.1116 10.37)` | Squid Hat | white, 10.7 to 1 | | 13 | `#561b2a` | `oklch(31.95% 0.0888 7.83)` | Drops of God | white, 13.2 to 1 | | 14 | `#3f1521` | `oklch(26.54% 0.0675 4.59)` | Chocolate Kiss | white, 15.6 to 1 | | 15 | `#2c0f19` | `oklch(21.96% 0.0497 0.60)` | Dark Danger | white, 17.5 to 1 | | 16 | `#200b14` | `oklch(18.66% 0.0374 355.81)` | Shot in the Dark | white, 18.7 to 1 | | 17 | `#1a0911` | `oklch(16.99% 0.0323 349.99)` | Noir Fiction | white, 19.2 to 1 | | 18 | `#180812` | `oklch(16.56% 0.0332 342.29)` | Noir Fiction | white, 19.3 to 1 | | 19 | `#190917` | `oklch(17.13% 0.0388 333.14)` | Crow | white, 19.2 to 1 | | 20 | `#1d0a1f` | `oklch(18.51% 0.0477 323.19)` | Meški Black | white, 18.8 to 1 | | 21 | `#200d2a` | `oklch(20.50% 0.0590 313.08)` | Midnight Monarch | white, 18.1 to 1 | | 22 | `#241237` | `oklch(22.94% 0.0713 303.46)` | Blacklist | white, 17.2 to 1 | | 23 | `#271846` | `oklch(25.61% 0.0835 294.98)` | Azulado | white, 16.1 to 1 | | 24 | `#291e55` | `oklch(28.36% 0.0944 288.27)` | Spacescape | white, 14.8 to 1 | | 25 | `#2d2663` | `oklch(31.33% 0.1042 283.66)` | Indie Go | white, 13.4 to 1 | | 26 | `#322f75` | `oklch(35.15% 0.1152 280.51)` | Ballpoint Indigo | white, 11.6 to 1 | | 27 | `#3a3a88` | `oklch(39.55% 0.1271 278.52)` | Clematis Blue | white, 9.7 to 1 | | 28 | `#43469e` | `oklch(44.20% 0.1391 277.40)` | Galaxy Express | white, 8 to 1 | | 29 | `#4d52b3` | `oklch(48.80% 0.1507 276.87)` | Brandywine Raspberry | white, 6.6 to 1 | | 30 | `#575dc7` | `oklch(53.03% 0.1612 276.63)` | Circumorbital Ring | white, 5.5 to 1 | | 31 | `#5f67d8` | `oklch(56.57% 0.1700 276.42)` | Exodus Fruit | white, 4.7 to 1 | | 32 | `#646ee4` | `oklch(59.11% 0.1765 275.94)` | If I Could Fly | black, 4.8 to 1 | ## CSS ```css background: linear-gradient(90deg, #f15596 0.0%, #ee5290 3.2%, #eb4f87 6.5%, #e74a7d 9.7%, #e24672 12.9%, #db4167 16.1%, #d23c5c 19.4%, #c73853 22.6%, #b8334c 25.8%, #a42d45 29.0%, #8b273d 32.3%, #702133 35.5%, #561b2a 38.7%, #3f1521 41.9%, #2c0f19 45.2%, #200b14 48.4%, #1a0911 51.6%, #180812 54.8%, #190917 58.1%, #1d0a1f 61.3%, #200d2a 64.5%, #241237 67.7%, #271846 71.0%, #291e55 74.2%, #2d2663 77.4%, #322f75 80.6%, #3a3a88 83.9%, #43469e 87.1%, #4d52b3 90.3%, #575dc7 93.5%, #5f67d8 96.8%, #646ee4 100.0%); background: linear-gradient(90deg in oklch, oklch(67.56% 0.1990 358.17) 0.0%, oklch(66.61% 0.1976 359.73) 3.2%, oklch(65.52% 0.1967 2.12) 6.5%, oklch(64.23% 0.1955 4.97) 9.7%, oklch(62.69% 0.1938 7.95) 12.9%, oklch(60.84% 0.1908 10.71) 16.1%, oklch(58.62% 0.1860 12.90) 19.4%, oklch(56.00% 0.1789 14.18) 22.6%, oklch(52.87% 0.1690 14.24) 25.8%, oklch(48.64% 0.1537 13.53) 29.0%, oklch(43.45% 0.1339 12.25) 32.3%, oklch(37.73% 0.1116 10.37) 35.5%, oklch(31.95% 0.0888 7.83) 38.7%, oklch(26.54% 0.0675 4.59) 41.9%, oklch(21.96% 0.0497 0.60) 45.2%, oklch(18.66% 0.0374 355.81) 48.4%, oklch(16.99% 0.0323 349.99) 51.6%, oklch(16.56% 0.0332 342.29) 54.8%, oklch(17.13% 0.0388 333.14) 58.1%, oklch(18.51% 0.0477 323.19) 61.3%, oklch(20.50% 0.0590 313.08) 64.5%, oklch(22.94% 0.0713 303.46) 67.7%, oklch(25.61% 0.0835 294.98) 71.0%, oklch(28.36% 0.0944 288.27) 74.2%, oklch(31.33% 0.1042 283.66) 77.4%, oklch(35.15% 0.1152 280.51) 80.6%, oklch(39.55% 0.1271 278.52) 83.9%, oklch(44.20% 0.1391 277.40) 87.1%, oklch(48.80% 0.1507 276.87) 90.3%, oklch(53.03% 0.1612 276.63) 93.5%, oklch(56.57% 0.1700 276.42) 96.8%, oklch(59.11% 0.1765 275.94) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.676 | 0.199 | 358.2 | | 2 | 0.537 | 0.172 | 374.3 | | 3 | 0.176 | 0.034 | 353.1 | | 4 | 0.29 | 0.097 | 286.9 | | 5 | 0.591 | 0.177 | 275.9 | ## In these collections - [GTA 6 gradients](https://grabient.com/gta-6-gradients) ## Other forms - [JSON](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.json?steps=32) - [PNG](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.png?steps=32) - [SVG](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.svg?steps=32) - [CSS](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.css?steps=32) - [ASE](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.ase?steps=32) - [GPL](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.gpl?steps=32) - [GRD](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.grd?steps=32) - [Design tokens](https://grabient.com/kGfFVlm8NE4RwKEhKiBYFkbuQ.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kGfFVlm8NE4RwKEhKiBYFkbuQ&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kGfFVlm8NE4RwKEhKiBYFkbuQ) - [Guide for agents](https://grabient.com/llms.txt)