# Indigo, crimson and ochre locker sticker collage The Indigo, crimson and ochre locker sticker collage brings together blue, purple, magenta, red, orange, and yellow. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is yellow. - Also called: Tritone blue, purple and tan linear gradient - Seed: `kYfJS-uL1C0AvRfOrMVWqXDt8aRI` - Page: https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: multicolor - Hues: wide - Contrast of its darkest and lightest colors: 3.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 | `#304ed1` | `oklch(48.82% 0.2039 267.89)` | New Car | white, 6.6 to 1 | | 2 | `#374bcd` | `oklch(48.25% 0.2002 270.14)` | New Car | white, 6.8 to 1 | | 3 | `#3e47c7` | `oklch(47.38% 0.1951 273.00)` | Kikorangi Blue | white, 7.1 to 1 | | 4 | `#4443bf` | `oklch(46.38% 0.1891 276.49)` | Royal Nightcore | white, 7.5 to 1 | | 5 | `#4a3fb7` | `oklch(45.44% 0.1825 280.63)` | Megadrive Screen | white, 7.8 to 1 | | 6 | `#513baf` | `oklch(44.75% 0.1758 285.46)` | Megadrive Screen | white, 8.1 to 1 | | 7 | `#5838a8` | `oklch(44.48% 0.1693 291.00)` | Royalty | white, 8.2 to 1 | | 8 | `#6137a1` | `oklch(44.71% 0.1630 297.49)` | Rebecca Purple | white, 8.1 to 1 | | 9 | `#6b379a` | `oklch(45.29% 0.1562 305.15)` | Purple Heart | white, 7.9 to 1 | | 10 | `#753892` | `oklch(46.15% 0.1491 313.61)` | Perkin Mauve | white, 7.6 to 1 | | 11 | `#7f3a89` | `oklch(47.24% 0.1423 322.46)` | Dull Violet | white, 7.2 to 1 | | 12 | `#893d81` | `oklch(48.49% 0.1361 331.30)` | Violet Webcap | white, 6.9 to 1 | | 13 | `#91407a` | `oklch(49.84% 0.1311 339.75)` | Purple Peril | white, 6.5 to 1 | | 14 | `#994474` | `oklch(51.29% 0.1277 347.58)` | Orchid Lei | white, 6 to 1 | | 15 | `#a2496f` | `oklch(53.00% 0.1258 355.36)` | Ancient Fuchsia | white, 5.6 to 1 | | 16 | `#ab4e6a` | `oklch(54.89% 0.1250 3.05)` | China Rose | white, 5.2 to 1 | | 17 | `#b35465` | `oklch(56.88% 0.1248 10.55)` | Kissed by a Zombies | white, 4.7 to 1 | | 18 | `#bb5b61` | `oklch(58.87% 0.1245 17.74)` | Her Velour | black, 4.7 to 1 | | 19 | `#c1625d` | `oklch(60.76% 0.1237 24.53)` | Barbecue | black, 5.1 to 1 | | 20 | `#c66959` | `oklch(62.49% 0.1218 30.78)` | Southwestern Clay | black, 5.5 to 1 | | 21 | `#ca7058` | `oklch(64.19% 0.1194 36.30)` | Sun Baked | black, 5.9 to 1 | | 22 | `#cd7858` | `oklch(65.88% 0.1166 41.29)` | Nicotine Glaze | black, 6.4 to 1 | | 23 | `#d07f58` | `oklch(67.50% 0.1136 46.01)` | Apricot Brown | black, 6.8 to 1 | | 24 | `#d2865a` | `oklch(69.01% 0.1102 50.73)` | Sunny Horizon | black, 7.3 to 1 | | 25 | `#d28d5c` | `oklch(70.34% 0.1065 55.71)` | Bestigor | black, 7.7 to 1 | | 26 | `#d1945e` | `oklch(71.47% 0.1025 61.23)` | Gates of Gold | black, 8.1 to 1 | | 27 | `#cf9a60` | `oklch(72.37% 0.0975 67.76)` | Butternut Tree | black, 8.4 to 1 | | 28 | `#caa064` | `oklch(73.10% 0.0917 74.98)` | Sunrise Heat | black, 8.7 to 1 | | 29 | `#c5a56a` | `oklch(73.67% 0.0857 82.32)` | Flickering Gold | black, 8.9 to 1 | | 30 | `#bfa970` | `oklch(74.13% 0.0800 89.18)` | Coriander Seed | black, 9.1 to 1 | | 31 | `#bbac75` | `oklch(74.50% 0.0751 94.99)` | Chicory Green | black, 9.3 to 1 | | 32 | `#b8af7a` | `oklch(74.80% 0.0717 99.16)` | Gracious Glow | black, 9.4 to 1 | ## CSS ```css background: linear-gradient(90deg, #304ed1 0.0%, #374bcd 3.2%, #3e47c7 6.5%, #4443bf 9.7%, #4a3fb7 12.9%, #513baf 16.1%, #5838a8 19.4%, #6137a1 22.6%, #6b379a 25.8%, #753892 29.0%, #7f3a89 32.3%, #893d81 35.5%, #91407a 38.7%, #994474 41.9%, #a2496f 45.2%, #ab4e6a 48.4%, #b35465 51.6%, #bb5b61 54.8%, #c1625d 58.1%, #c66959 61.3%, #ca7058 64.5%, #cd7858 67.7%, #d07f58 71.0%, #d2865a 74.2%, #d28d5c 77.4%, #d1945e 80.6%, #cf9a60 83.9%, #caa064 87.1%, #c5a56a 90.3%, #bfa970 93.5%, #bbac75 96.8%, #b8af7a 100.0%); background: linear-gradient(90deg in oklch, oklch(48.82% 0.2039 267.89) 0.0%, oklch(48.25% 0.2002 270.14) 3.2%, oklch(47.38% 0.1951 273.00) 6.5%, oklch(46.38% 0.1891 276.49) 9.7%, oklch(45.44% 0.1825 280.63) 12.9%, oklch(44.75% 0.1758 285.46) 16.1%, oklch(44.48% 0.1693 291.00) 19.4%, oklch(44.71% 0.1630 297.49) 22.6%, oklch(45.29% 0.1562 305.15) 25.8%, oklch(46.15% 0.1491 313.61) 29.0%, oklch(47.24% 0.1423 322.46) 32.3%, oklch(48.49% 0.1361 331.30) 35.5%, oklch(49.84% 0.1311 339.75) 38.7%, oklch(51.29% 0.1277 347.58) 41.9%, oklch(53.00% 0.1258 355.36) 45.2%, oklch(54.89% 0.1250 3.05) 48.4%, oklch(56.88% 0.1248 10.55) 51.6%, oklch(58.87% 0.1245 17.74) 54.8%, oklch(60.76% 0.1237 24.53) 58.1%, oklch(62.49% 0.1218 30.78) 61.3%, oklch(64.19% 0.1194 36.30) 64.5%, oklch(65.88% 0.1166 41.29) 67.7%, oklch(67.50% 0.1136 46.01) 71.0%, oklch(69.01% 0.1102 50.73) 74.2%, oklch(70.34% 0.1065 55.71) 77.4%, oklch(71.47% 0.1025 61.23) 80.6%, oklch(72.37% 0.0975 67.76) 83.9%, oklch(73.10% 0.0917 74.98) 87.1%, oklch(73.67% 0.0857 82.32) 90.3%, oklch(74.13% 0.0800 89.18) 93.5%, oklch(74.50% 0.0751 94.99) 96.8%, oklch(74.80% 0.0717 99.16) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.488 | 0.204 | 267.9 | | 2 | 0.445 | 0.168 | 292.2 | | 3 | 0.504 | 0.13 | 342.9 | | 4 | 0.618 | 0.123 | 388.4 | | 5 | 0.713 | 0.103 | 420.1 | | 6 | 0.748 | 0.072 | 459.2 | ## In these collections - [Locker sticker collage](https://grabient.com/locker-sticker-collage) ## Other forms - [JSON](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.json?steps=32) - [PNG](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.png?steps=32) - [SVG](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.svg?steps=32) - [CSS](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.css?steps=32) - [ASE](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.ase?steps=32) - [GPL](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.gpl?steps=32) - [GRD](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.grd?steps=32) - [Design tokens](https://grabient.com/kYfJS-uL1C0AvRfOrMVWqXDt8aRI.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYfJS-uL1C0AvRfOrMVWqXDt8aRI&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYfJS-uL1C0AvRfOrMVWqXDt8aRI) - [Guide for agents](https://grabient.com/llms.txt)