# Purple amber twilight field

Vivid tritone blue, pink and orange linear gradient with 56 colors: #16168e, #201891, #2b1993, #361c96, #421e98, #4e219a, #5c249a, #692799, #782a98, #862e95, #953291, #a3368b, #b03c85, #bd427e, #c94976, #d4526e, #de5b66, #e6655e, #ec6f56, #f27a4e, #f68548, #f98f43, #fb9940, #fca340, #fdab41, #feb344, #feb948, #ffbe4c, #ffc251, #ffc65a, #ffc862, #ffca6b, #ffcb73, #ffcb7b, #ffcb82, #ffca88, #ffc98d, #ffc791, #ffc595, #ffc298, #ffc09a, #ffbd9c, #ffba9e, #ffb7a0, #ffb3a2, #ffb0a5, #ffaca7, #ffa8aa, #ffa5ad, #ffa1b0, #ff9eb3, #fc9cb7, #f99bba, #f79bbd, #f49ac0, #f39ac2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid tritone blue, pink and orange linear gradient
- Seed: `kSUYa_67VUGQqNY`
- Page: https://grabient.com/kSUYa_67VUGQqNY?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.1 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 | `#16168e` | `oklch(31.89% 0.1846 269.30)` | Royal | white, 13.6 to 1 |
| 2 | `#201891` | `oklch(32.95% 0.1839 272.78)` | Nightly Expedition | white, 13.1 to 1 |
| 3 | `#2b1993` | `oklch(34.22% 0.1830 276.98)` | Gentian Blue | white, 12.5 to 1 |
| 4 | `#361c96` | `oklch(35.67% 0.1821 281.86)` | Gentian Blue | white, 11.9 to 1 |
| 5 | `#421e98` | `oklch(37.29% 0.1810 287.34)` | Galactic Civilization | white, 11.2 to 1 |
| 6 | `#4e219a` | `oklch(39.06% 0.1799 293.36)` | Eine Kleine Nachtmusik | white, 10.4 to 1 |
| 7 | `#5c249a` | `oklch(40.97% 0.1786 299.87)` | Wild Violet | white, 9.6 to 1 |
| 8 | `#692799` | `oklch(43.00% 0.1774 306.80)` | Queens of the Dead | white, 8.9 to 1 |
| 9 | `#782a98` | `oklch(45.14% 0.1760 314.08)` | Orb of Discord | white, 8.1 to 1 |
| 10 | `#862e95` | `oklch(47.36% 0.1746 321.67)` | Druchii Violet | white, 7.4 to 1 |
| 11 | `#953291` | `oklch(49.66% 0.1731 329.49)` | Warm Purple | white, 6.7 to 1 |
| 12 | `#a3368b` | `oklch(52.01% 0.1716 337.48)` | Wild Aster | white, 6 to 1 |
| 13 | `#b03c85` | `oklch(54.40% 0.1700 345.58)` | Romantic Rose | white, 5.4 to 1 |
| 14 | `#bd427e` | `oklch(56.82% 0.1685 353.74)` | Razzle Dazzle | white, 4.9 to 1 |
| 15 | `#c94976` | `oklch(59.24% 0.1668 1.88)` | Rubber Band | black, 4.7 to 1 |
| 16 | `#d4526e` | `oklch(61.66% 0.1652 9.95)` | Strawberry Moon | black, 5.2 to 1 |
| 17 | `#de5b66` | `oklch(64.05% 0.1636 17.88)` | Swiss Chard | black, 5.7 to 1 |
| 18 | `#e6655e` | `oklch(66.40% 0.1619 25.62)` | Emberglow | black, 6.3 to 1 |
| 19 | `#ec6f56` | `oklch(68.70% 0.1603 33.10)` | Entan Red | black, 6.9 to 1 |
| 20 | `#f27a4e` | `oklch(70.93% 0.1587 40.25)` | Mandarin | black, 7.6 to 1 |
| 21 | `#f68548` | `oklch(73.06% 0.1570 47.03)` | Crusta | black, 8.3 to 1 |
| 22 | `#f98f43` | `oklch(75.09% 0.1554 53.36)` | Orangish | black, 9 to 1 |
| 23 | `#fb9940` | `oklch(77.00% 0.1539 59.19)` | Kumquat | black, 9.7 to 1 |
| 24 | `#fca340` | `oklch(78.78% 0.1523 64.45)` | Radiation Carrot | black, 10.4 to 1 |
| 25 | `#fdab41` | `oklch(80.40% 0.1508 69.08)` | Match Strike | black, 11 to 1 |
| 26 | `#feb344` | `oklch(81.86% 0.1494 73.01)` | Agrellan Badland | black, 11.7 to 1 |
| 27 | `#feb948` | `oklch(83.12% 0.1480 76.20)` | Just Ducky | black, 12.2 to 1 |
| 28 | `#ffbe4c` | `oklch(84.19% 0.1467 78.57)` | Twenty Carat | black, 12.7 to 1 |
| 29 | `#ffc251` | `oklch(85.05% 0.1444 80.09)` | Golden Tainoi | black, 13.1 to 1 |
| 30 | `#ffc65a` | `oklch(85.74% 0.1398 80.82)` | Mellow Drama | black, 13.4 to 1 |
| 31 | `#ffc862` | `oklch(86.29% 0.1340 80.82)` | Honeypot | black, 13.7 to 1 |
| 32 | `#ffca6b` | `oklch(86.69% 0.1276 80.15)` | Sunspark | black, 13.8 to 1 |
| 33 | `#ffcb73` | `oklch(86.97% 0.1209 78.86)` | Cheesus | black, 14 to 1 |
| 34 | `#ffcb7b` | `oklch(87.12% 0.1142 77.00)` | Orange Glass | black, 14 to 1 |
| 35 | `#ffcb82` | `oklch(87.17% 0.1081 74.61)` | Orange Glass | black, 14 to 1 |
| 36 | `#ffca88` | `oklch(87.11% 0.1026 71.74)` | Torchlight | black, 14 to 1 |
| 37 | `#ffc98d` | `oklch(86.95% 0.0980 68.46)` | Torchlight | black, 13.9 to 1 |
| 38 | `#ffc791` | `oklch(86.71% 0.0943 64.80)` | Sicilian Villa | black, 13.8 to 1 |
| 39 | `#ffc595` | `oklch(86.40% 0.0915 60.81)` | Dainty Apricot | black, 13.6 to 1 |
| 40 | `#ffc298` | `oklch(86.03% 0.0896 56.55)` | Wispy White | black, 13.4 to 1 |
| 41 | `#ffc09a` | `oklch(85.59% 0.0886 52.06)` | Blushing Cinnamon | black, 13.2 to 1 |
| 42 | `#ffbd9c` | `oklch(85.11% 0.0883 47.40)` | Cream Puff | black, 13 to 1 |
| 43 | `#ffba9e` | `oklch(84.60% 0.0889 42.62)` | Pallid Orange | black, 12.7 to 1 |
| 44 | `#ffb7a0` | `oklch(84.05% 0.0902 37.76)` | Nature Apricot | black, 12.5 to 1 |
| 45 | `#ffb3a2` | `oklch(83.49% 0.0923 32.87)` | Peach Pearl | black, 12.2 to 1 |
| 46 | `#ffb0a5` | `oklch(82.92% 0.0951 28.01)` | Amber Tide | black, 11.9 to 1 |
| 47 | `#ffaca7` | `oklch(82.35% 0.0985 23.22)` | Patient Pink | black, 11.7 to 1 |
| 48 | `#ffa8aa` | `oklch(81.79% 0.1026 18.56)` | Apricot Haze | black, 11.4 to 1 |
| 49 | `#ffa5ad` | `oklch(81.24% 0.1073 14.07)` | Strawberry Frappé | black, 11.2 to 1 |
| 50 | `#ffa1b0` | `oklch(80.73% 0.1126 9.81)` | Ballet Slippers | black, 10.9 to 1 |
| 51 | `#ff9eb3` | `oklch(80.25% 0.1182 5.82)` | Saira Red | black, 10.7 to 1 |
| 52 | `#fc9cb7` | `oklch(79.82% 0.1185 2.15)` | Saira Red | black, 10.5 to 1 |
| 53 | `#f99bba` | `oklch(79.44% 0.1177 358.86)` | Saira Red | black, 10.4 to 1 |
| 54 | `#f79bbd` | `oklch(79.13% 0.1170 355.99)` | Pastel Magenta | black, 10.3 to 1 |
| 55 | `#f49ac0` | `oklch(78.89% 0.1163 353.60)` | Pastel Magenta | black, 10.2 to 1 |
| 56 | `#f39ac2` | `oklch(78.74% 0.1157 351.72)` | Pastel Magenta | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #16168e 0.0%, #201891 1.8%, #2b1993 3.6%, #361c96 5.5%, #421e98 7.3%, #4e219a 9.1%, #5c249a 10.9%, #692799 12.7%, #782a98 14.5%, #862e95 16.4%, #953291 18.2%, #a3368b 20.0%, #b03c85 21.8%, #bd427e 23.6%, #c94976 25.5%, #d4526e 27.3%, #de5b66 29.1%, #e6655e 30.9%, #ec6f56 32.7%, #f27a4e 34.5%, #f68548 36.4%, #f98f43 38.2%, #fb9940 40.0%, #fca340 41.8%, #fdab41 43.6%, #feb344 45.5%, #feb948 47.3%, #ffbe4c 49.1%, #ffc251 50.9%, #ffc65a 52.7%, #ffc862 54.5%, #ffca6b 56.4%, #ffcb73 58.2%, #ffcb7b 60.0%, #ffcb82 61.8%, #ffca88 63.6%, #ffc98d 65.5%, #ffc791 67.3%, #ffc595 69.1%, #ffc298 70.9%, #ffc09a 72.7%, #ffbd9c 74.5%, #ffba9e 76.4%, #ffb7a0 78.2%, #ffb3a2 80.0%, #ffb0a5 81.8%, #ffaca7 83.6%, #ffa8aa 85.5%, #ffa5ad 87.3%, #ffa1b0 89.1%, #ff9eb3 90.9%, #fc9cb7 92.7%, #f99bba 94.5%, #f79bbd 96.4%, #f49ac0 98.2%, #f39ac2 100.0%);
background: linear-gradient(135deg in oklch, oklch(31.89% 0.1846 269.30) 0.0%, oklch(32.95% 0.1839 272.78) 1.8%, oklch(34.22% 0.1830 276.98) 3.6%, oklch(35.67% 0.1821 281.86) 5.5%, oklch(37.29% 0.1810 287.34) 7.3%, oklch(39.06% 0.1799 293.36) 9.1%, oklch(40.97% 0.1786 299.87) 10.9%, oklch(43.00% 0.1774 306.80) 12.7%, oklch(45.14% 0.1760 314.08) 14.5%, oklch(47.36% 0.1746 321.67) 16.4%, oklch(49.66% 0.1731 329.49) 18.2%, oklch(52.01% 0.1716 337.48) 20.0%, oklch(54.40% 0.1700 345.58) 21.8%, oklch(56.82% 0.1685 353.74) 23.6%, oklch(59.24% 0.1668 1.88) 25.5%, oklch(61.66% 0.1652 9.95) 27.3%, oklch(64.05% 0.1636 17.88) 29.1%, oklch(66.40% 0.1619 25.62) 30.9%, oklch(68.70% 0.1603 33.10) 32.7%, oklch(70.93% 0.1587 40.25) 34.5%, oklch(73.06% 0.1570 47.03) 36.4%, oklch(75.09% 0.1554 53.36) 38.2%, oklch(77.00% 0.1539 59.19) 40.0%, oklch(78.78% 0.1523 64.45) 41.8%, oklch(80.40% 0.1508 69.08) 43.6%, oklch(81.86% 0.1494 73.01) 45.5%, oklch(83.12% 0.1480 76.20) 47.3%, oklch(84.19% 0.1467 78.57) 49.1%, oklch(85.05% 0.1444 80.09) 50.9%, oklch(85.74% 0.1398 80.82) 52.7%, oklch(86.29% 0.1340 80.82) 54.5%, oklch(86.69% 0.1276 80.15) 56.4%, oklch(86.97% 0.1209 78.86) 58.2%, oklch(87.12% 0.1142 77.00) 60.0%, oklch(87.17% 0.1081 74.61) 61.8%, oklch(87.11% 0.1026 71.74) 63.6%, oklch(86.95% 0.0980 68.46) 65.5%, oklch(86.71% 0.0943 64.80) 67.3%, oklch(86.40% 0.0915 60.81) 69.1%, oklch(86.03% 0.0896 56.55) 70.9%, oklch(85.59% 0.0886 52.06) 72.7%, oklch(85.11% 0.0883 47.40) 74.5%, oklch(84.60% 0.0889 42.62) 76.4%, oklch(84.05% 0.0902 37.76) 78.2%, oklch(83.49% 0.0923 32.87) 80.0%, oklch(82.92% 0.0951 28.01) 81.8%, oklch(82.35% 0.0985 23.22) 83.6%, oklch(81.79% 0.1026 18.56) 85.5%, oklch(81.24% 0.1073 14.07) 87.3%, oklch(80.73% 0.1126 9.81) 89.1%, oklch(80.25% 0.1182 5.82) 90.9%, oklch(79.82% 0.1185 2.15) 92.7%, oklch(79.44% 0.1177 358.86) 94.5%, oklch(79.13% 0.1170 355.99) 96.4%, oklch(78.89% 0.1163 353.60) 98.2%, oklch(78.74% 0.1157 351.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.185 | 269.3 |
| 2 | 0.846 | 0.146 | 439.4 |
| 3 | 0.787 | 0.116 | 351.7 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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