# Ivory sapphire and ruby glow

Warm ivory passes through silvery blue into a saturated royal blue and violet passage, then turns through magenta and ruby red toward deep wine. This 96-stop angular gradient places light pearl tones alongside jewel colors and a dark red finish, giving the palette a rich crystal-inspired contrast.

- Also called: White, blue, purple and maroon angular gradient
- Seed: `kW8gs56YnTkC9wbKSM3KaA94`
- Page: https://grabient.com/kW8gs56YnTkC9wbKSM3KaA94?style=angularGradient&steps=96&angle=220
- Drawn as: angular gradient, 96 steps, 220 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#f5efe4` | `oklch(95.28% 0.0152 80.86)` | Vintage White | black, 18.2 to 1 |
| 2 | `#f3eee3` | `oklch(95.01% 0.0153 84.77)` | Westhighland White | black, 18.1 to 1 |
| 3 | `#f2ede2` | `oklch(94.74% 0.0153 89.46)` | Jet White | black, 18 to 1 |
| 4 | `#f0ede2` | `oklch(94.46% 0.0151 94.87)` | Crepe Silk White | black, 17.8 to 1 |
| 5 | `#eeece1` | `oklch(94.17% 0.0148 100.92)` | Acoustic White | black, 17.7 to 1 |
| 6 | `#ebece1` | `oklch(93.86% 0.0144 107.55)` | Grand Heron | black, 17.5 to 1 |
| 7 | `#e9ebe0` | `oklch(93.53% 0.0140 114.67)` | Winter Glaze | black, 17.4 to 1 |
| 8 | `#e7eae0` | `oklch(93.19% 0.0135 122.23)` | Hydrangea Floret | black, 17.2 to 1 |
| 9 | `#e4e9e0` | `oklch(92.82% 0.0131 130.14)` | Tidal Mist | black, 17 to 1 |
| 10 | `#e2e8e0` | `oklch(92.44% 0.0126 138.34)` | Spider Cotton | black, 16.8 to 1 |
| 11 | `#e0e7e0` | `oklch(92.03% 0.0122 146.76)` | Winter Veil | black, 16.6 to 1 |
| 12 | `#dde6e0` | `oklch(91.59% 0.0119 155.33)` | Pirate Coast | black, 16.4 to 1 |
| 13 | `#dbe4e0` | `oklch(91.13% 0.0117 163.97)` | Melting Snowman | black, 16.2 to 1 |
| 14 | `#d9e3df` | `oklch(90.64% 0.0116 172.62)` | Sparkling Spring | black, 15.9 to 1 |
| 15 | `#d7e1df` | `oklch(90.12% 0.0117 181.20)` | Pristine Petal | black, 15.7 to 1 |
| 16 | `#d4dfde` | `oklch(89.57% 0.0119 189.64)` | Spring Mist | black, 15.4 to 1 |
| 17 | `#d2dddd` | `oklch(88.98% 0.0124 197.87)` | Ripple | black, 15.1 to 1 |
| 18 | `#cfdbdd` | `oklch(88.35% 0.0131 205.82)` | Polar Soft Blue | black, 14.8 to 1 |
| 19 | `#cdd9dc` | `oklch(87.69% 0.0141 213.42)` | Wisteria Snow | black, 14.5 to 1 |
| 20 | `#cad7db` | `oklch(86.99% 0.0153 220.60)` | Clear to See | black, 14.2 to 1 |
| 21 | `#c7d4db` | `oklch(86.25% 0.0169 227.29)` | Nearsighted | black, 13.8 to 1 |
| 22 | `#c4d2da` | `oklch(85.47% 0.0189 233.42)` | Serene Setting | black, 13.5 to 1 |
| 23 | `#c1cfd9` | `oklch(84.64% 0.0212 238.90)` | Illusion Blue | black, 13.1 to 1 |
| 24 | `#bdccd9` | `oklch(83.76% 0.0239 243.69)` | Melody | black, 12.7 to 1 |
| 25 | `#b9c9d8` | `oklch(82.83% 0.0270 247.70)` | Powder Soft Blue | black, 12.4 to 1 |
| 26 | `#b5c5d7` | `oklch(81.79% 0.0307 250.98)` | Spindle | black, 11.9 to 1 |
| 27 | `#b1c2d6` | `oklch(80.63% 0.0351 253.62)` | Elevated | black, 11.5 to 1 |
| 28 | `#abbdd6` | `oklch(79.36% 0.0400 255.67)` | Canopy Bed | black, 11 to 1 |
| 29 | `#a5b9d5` | `oklch(77.98% 0.0453 257.18)` | Sky Pilot | black, 10.4 to 1 |
| 30 | `#9fb4d4` | `oklch(76.52% 0.0511 258.22)` | Mont Blanc | black, 9.9 to 1 |
| 31 | `#98afd3` | `oklch(75.00% 0.0573 258.84)` | Lazy Day | black, 9.4 to 1 |
| 32 | `#91aad2` | `oklch(73.41% 0.0638 259.10)` | Serenity | black, 8.9 to 1 |
| 33 | `#89a5d1` | `oklch(71.78% 0.0706 259.05)` | Anode | black, 8.3 to 1 |
| 34 | `#81a0cf` | `oklch(70.11% 0.0776 258.75)` | Caribbean Sky | black, 7.8 to 1 |
| 35 | `#799bce` | `oklch(68.43% 0.0848 258.26)` | Ice Blue | black, 7.4 to 1 |
| 36 | `#7096cd` | `oklch(66.75% 0.0921 257.64)` | Razee | black, 6.9 to 1 |
| 37 | `#6791cc` | `oklch(65.07% 0.0994 256.94)` | Bashful Blue | black, 6.5 to 1 |
| 38 | `#5e8cca` | `oklch(63.42% 0.1067 256.21)` | Royal Regatta | black, 6 to 1 |
| 39 | `#5587c9` | `oklch(61.80% 0.1140 255.52)` | Berlin Blue | black, 5.7 to 1 |
| 40 | `#4b83c8` | `oklch(60.23% 0.1211 254.92)` | Worn Denim | black, 5.3 to 1 |
| 41 | `#427ec6` | `oklch(58.73% 0.1281 254.47)` | Tufts Blue | black, 5 to 1 |
| 42 | `#397ac5` | `oklch(57.30% 0.1348 254.23)` | Celestial Plum | black, 4.7 to 1 |
| 43 | `#3075c5` | `oklch(55.96% 0.1413 254.24)` | Palace Blue | white, 4.6 to 1 |
| 44 | `#2971c4` | `oklch(54.72% 0.1474 254.58)` | Matt Blue | white, 4.9 to 1 |
| 45 | `#236dc4` | `oklch(53.60% 0.1532 255.29)` | Indigo Carmine | white, 5.2 to 1 |
| 46 | `#2069c4` | `oklch(52.61% 0.1585 256.44)` | Mimesia Blue | white, 5.4 to 1 |
| 47 | `#2165c4` | `oklch(51.76% 0.1633 258.07)` | Janitor | white, 5.6 to 1 |
| 48 | `#2561c4` | `oklch(51.07% 0.1676 260.25)` | Amnesia Blue | white, 5.8 to 1 |
| 49 | `#2d5dc5` | `oklch(50.55% 0.1713 263.03)` | Amnesia Blue | white, 6 to 1 |
| 50 | `#3559c6` | `oklch(50.22% 0.1748 266.38)` | Free Speech Blue | white, 6.1 to 1 |
| 51 | `#3f55c7` | `oklch(50.06% 0.1781 270.26)` | Free Speech Blue | white, 6.2 to 1 |
| 52 | `#4952c8` | `oklch(50.07% 0.1813 274.60)` | Gorgonzola Blue | white, 6.3 to 1 |
| 53 | `#534ec9` | `oklch(50.21% 0.1843 279.36)` | Iris | white, 6.3 to 1 |
| 54 | `#5e4bc9` | `oklch(50.48% 0.1872 284.48)` | Waiporoporo Purple | white, 6.3 to 1 |
| 55 | `#6947c8` | `oklch(50.86% 0.1898 289.92)` | Waiporoporo Purple | white, 6.2 to 1 |
| 56 | `#7444c6` | `oklch(51.34% 0.1923 295.61)` | Purple Rain | white, 6.2 to 1 |
| 57 | `#7e41c4` | `oklch(51.89% 0.1945 301.50)` | Purple Rain | white, 6 to 1 |
| 58 | `#893ec0` | `oklch(52.50% 0.1966 307.55)` | Harley Hair Purple | white, 5.9 to 1 |
| 59 | `#943bbb` | `oklch(53.16% 0.1984 313.69)` | Akebi Purple | white, 5.8 to 1 |
| 60 | `#9e39b4` | `oklch(53.85% 0.2000 319.87)` | Akebi Purple | white, 5.6 to 1 |
| 61 | `#a836ad` | `oklch(54.55% 0.2014 326.05)` | Vivid Fuchsia | white, 5.5 to 1 |
| 62 | `#b134a5` | `oklch(55.24% 0.2026 332.17)` | Vivid Fuchsia | white, 5.3 to 1 |
| 63 | `#ba329c` | `oklch(55.91% 0.2035 338.17)` | Byzantine | white, 5.2 to 1 |
| 64 | `#c13093` | `oklch(56.55% 0.2042 344.01)` | Royal Fuchsia | white, 5 to 1 |
| 65 | `#c82f89` | `oklch(57.13% 0.2047 349.62)` | Magenta Pink | white, 4.9 to 1 |
| 66 | `#ce2e7f` | `oklch(57.65% 0.2048 354.97)` | Shrine of Pleasures | white, 4.8 to 1 |
| 67 | `#d22e76` | `oklch(58.08% 0.2048 359.98)` | Beetroot Purple | white, 4.7 to 1 |
| 68 | `#d52f6c` | `oklch(58.40% 0.2044 4.62)` | Self-Love | white, 4.7 to 1 |
| 69 | `#d83063` | `oklch(58.61% 0.2038 8.82)` | 1989 Miami Hotline | white, 4.6 to 1 |
| 70 | `#d9315a` | `oklch(58.68% 0.2029 12.54)` | Match Head | white, 4.6 to 1 |
| 71 | `#d93252` | `oklch(58.60% 0.2017 15.72)` | Match Head | white, 4.6 to 1 |
| 72 | `#d8324b` | `oklch(58.36% 0.2002 18.31)` | Anarchist | white, 4.6 to 1 |
| 73 | `#d63345` | `oklch(57.94% 0.1983 20.31)` | Bloody Rust | white, 4.7 to 1 |
| 74 | `#d33340` | `oklch(57.36% 0.1958 21.82)` | Trinidad Moruga Scorpion | white, 4.8 to 1 |
| 75 | `#cf333c` | `oklch(56.65% 0.1926 22.88)` | Trinidad Moruga Scorpion | white, 4.9 to 1 |
| 76 | `#cb323a` | `oklch(55.81% 0.1890 23.53)` | Madder Lake | white, 5.1 to 1 |
| 77 | `#c63238` | `oklch(54.86% 0.1848 23.80)` | Tropical Heat | white, 5.3 to 1 |
| 78 | `#c13137` | `oklch(53.80% 0.1802 23.73)` | Aurora Red | white, 5.6 to 1 |
| 79 | `#bb3036` | `oklch(52.66% 0.1752 23.34)` | Hot Jazz | white, 5.8 to 1 |
| 80 | `#b42f36` | `oklch(51.45% 0.1699 22.68)` | Bloodsport | white, 6.1 to 1 |
| 81 | `#ae2d37` | `oklch(50.17% 0.1643 21.77)` | Positive Red | white, 6.4 to 1 |
| 82 | `#a72c37` | `oklch(48.85% 0.1586 20.65)` | Pompeian Red | white, 6.8 to 1 |
| 83 | `#a02b38` | `oklch(47.49% 0.1526 19.36)` | Japanese Carmine | white, 7.2 to 1 |
| 84 | `#992938` | `oklch(46.11% 0.1466 17.93)` | Crimson Garland | white, 7.6 to 1 |
| 85 | `#922838` | `oklch(44.73% 0.1406 16.39)` | Ancient Red | white, 8.1 to 1 |
| 86 | `#8b2738` | `oklch(43.34% 0.1346 14.77)` | Thrill Ride | white, 8.5 to 1 |
| 87 | `#842638` | `oklch(41.98% 0.1287 13.11)` | Shiraz | white, 9 to 1 |
| 88 | `#7e2438` | `oklch(40.65% 0.1229 11.45)` | Suō | white, 9.5 to 1 |
| 89 | `#772338` | `oklch(39.36% 0.1173 9.81)` | Whisky Cola | white, 10 to 1 |
| 90 | `#712237` | `oklch(38.13% 0.1119 8.23)` | Rocking Chair | white, 10.5 to 1 |
| 91 | `#6b2136` | `oklch(36.96% 0.1068 6.75)` | Squid Hat | white, 11 to 1 |
| 92 | `#662035` | `oklch(35.89% 0.1022 5.40)` | Wine Country | white, 11.5 to 1 |
| 93 | `#621f34` | `oklch(34.91% 0.0979 4.21)` | Wine Country | white, 11.9 to 1 |
| 94 | `#5d1e33` | `oklch(34.04% 0.0941 3.22)` | Brown Chocolate | white, 12.3 to 1 |
| 95 | `#5a1e32` | `oklch(33.29% 0.0909 2.45)` | Drops of God | white, 12.6 to 1 |
| 96 | `#571d31` | `oklch(32.68% 0.0882 1.96)` | Drops of God | white, 12.9 to 1 |

## CSS

```css
background: conic-gradient(from 220deg, #f5efe4 0.0%, #f3eee3 1.1%, #f2ede2 2.1%, #f0ede2 3.2%, #eeece1 4.2%, #ebece1 5.3%, #e9ebe0 6.3%, #e7eae0 7.4%, #e4e9e0 8.4%, #e2e8e0 9.5%, #e0e7e0 10.5%, #dde6e0 11.6%, #dbe4e0 12.6%, #d9e3df 13.7%, #d7e1df 14.7%, #d4dfde 15.8%, #d2dddd 16.8%, #cfdbdd 17.9%, #cdd9dc 18.9%, #cad7db 20.0%, #c7d4db 21.1%, #c4d2da 22.1%, #c1cfd9 23.2%, #bdccd9 24.2%, #b9c9d8 25.3%, #b5c5d7 26.3%, #b1c2d6 27.4%, #abbdd6 28.4%, #a5b9d5 29.5%, #9fb4d4 30.5%, #98afd3 31.6%, #91aad2 32.6%, #89a5d1 33.7%, #81a0cf 34.7%, #799bce 35.8%, #7096cd 36.8%, #6791cc 37.9%, #5e8cca 38.9%, #5587c9 40.0%, #4b83c8 41.1%, #427ec6 42.1%, #397ac5 43.2%, #3075c5 44.2%, #2971c4 45.3%, #236dc4 46.3%, #2069c4 47.4%, #2165c4 48.4%, #2561c4 49.5%, #2d5dc5 50.5%, #3559c6 51.6%, #3f55c7 52.6%, #4952c8 53.7%, #534ec9 54.7%, #5e4bc9 55.8%, #6947c8 56.8%, #7444c6 57.9%, #7e41c4 58.9%, #893ec0 60.0%, #943bbb 61.1%, #9e39b4 62.1%, #a836ad 63.2%, #b134a5 64.2%, #ba329c 65.3%, #c13093 66.3%, #c82f89 67.4%, #ce2e7f 68.4%, #d22e76 69.5%, #d52f6c 70.5%, #d83063 71.6%, #d9315a 72.6%, #d93252 73.7%, #d8324b 74.7%, #d63345 75.8%, #d33340 76.8%, #cf333c 77.9%, #cb323a 78.9%, #c63238 80.0%, #c13137 81.1%, #bb3036 82.1%, #b42f36 83.2%, #ae2d37 84.2%, #a72c37 85.3%, #a02b38 86.3%, #992938 87.4%, #922838 88.4%, #8b2738 89.5%, #842638 90.5%, #7e2438 91.6%, #772338 92.6%, #712237 93.7%, #6b2136 94.7%, #662035 95.8%, #621f34 96.8%, #5d1e33 97.9%, #5a1e32 98.9%, #571d31 100.0%);
background: conic-gradient(from 220deg in oklch, oklch(95.28% 0.0152 80.86) 0.0%, oklch(95.01% 0.0153 84.77) 1.1%, oklch(94.74% 0.0153 89.46) 2.1%, oklch(94.46% 0.0151 94.87) 3.2%, oklch(94.17% 0.0148 100.92) 4.2%, oklch(93.86% 0.0144 107.55) 5.3%, oklch(93.53% 0.0140 114.67) 6.3%, oklch(93.19% 0.0135 122.23) 7.4%, oklch(92.82% 0.0131 130.14) 8.4%, oklch(92.44% 0.0126 138.34) 9.5%, oklch(92.03% 0.0122 146.76) 10.5%, oklch(91.59% 0.0119 155.33) 11.6%, oklch(91.13% 0.0117 163.97) 12.6%, oklch(90.64% 0.0116 172.62) 13.7%, oklch(90.12% 0.0117 181.20) 14.7%, oklch(89.57% 0.0119 189.64) 15.8%, oklch(88.98% 0.0124 197.87) 16.8%, oklch(88.35% 0.0131 205.82) 17.9%, oklch(87.69% 0.0141 213.42) 18.9%, oklch(86.99% 0.0153 220.60) 20.0%, oklch(86.25% 0.0169 227.29) 21.1%, oklch(85.47% 0.0189 233.42) 22.1%, oklch(84.64% 0.0212 238.90) 23.2%, oklch(83.76% 0.0239 243.69) 24.2%, oklch(82.83% 0.0270 247.70) 25.3%, oklch(81.79% 0.0307 250.98) 26.3%, oklch(80.63% 0.0351 253.62) 27.4%, oklch(79.36% 0.0400 255.67) 28.4%, oklch(77.98% 0.0453 257.18) 29.5%, oklch(76.52% 0.0511 258.22) 30.5%, oklch(75.00% 0.0573 258.84) 31.6%, oklch(73.41% 0.0638 259.10) 32.6%, oklch(71.78% 0.0706 259.05) 33.7%, oklch(70.11% 0.0776 258.75) 34.7%, oklch(68.43% 0.0848 258.26) 35.8%, oklch(66.75% 0.0921 257.64) 36.8%, oklch(65.07% 0.0994 256.94) 37.9%, oklch(63.42% 0.1067 256.21) 38.9%, oklch(61.80% 0.1140 255.52) 40.0%, oklch(60.23% 0.1211 254.92) 41.1%, oklch(58.73% 0.1281 254.47) 42.1%, oklch(57.30% 0.1348 254.23) 43.2%, oklch(55.96% 0.1413 254.24) 44.2%, oklch(54.72% 0.1474 254.58) 45.3%, oklch(53.60% 0.1532 255.29) 46.3%, oklch(52.61% 0.1585 256.44) 47.4%, oklch(51.76% 0.1633 258.07) 48.4%, oklch(51.07% 0.1676 260.25) 49.5%, oklch(50.55% 0.1713 263.03) 50.5%, oklch(50.22% 0.1748 266.38) 51.6%, oklch(50.06% 0.1781 270.26) 52.6%, oklch(50.07% 0.1813 274.60) 53.7%, oklch(50.21% 0.1843 279.36) 54.7%, oklch(50.48% 0.1872 284.48) 55.8%, oklch(50.86% 0.1898 289.92) 56.8%, oklch(51.34% 0.1923 295.61) 57.9%, oklch(51.89% 0.1945 301.50) 58.9%, oklch(52.50% 0.1966 307.55) 60.0%, oklch(53.16% 0.1984 313.69) 61.1%, oklch(53.85% 0.2000 319.87) 62.1%, oklch(54.55% 0.2014 326.05) 63.2%, oklch(55.24% 0.2026 332.17) 64.2%, oklch(55.91% 0.2035 338.17) 65.3%, oklch(56.55% 0.2042 344.01) 66.3%, oklch(57.13% 0.2047 349.62) 67.4%, oklch(57.65% 0.2048 354.97) 68.4%, oklch(58.08% 0.2048 359.98) 69.5%, oklch(58.40% 0.2044 4.62) 70.5%, oklch(58.61% 0.2038 8.82) 71.6%, oklch(58.68% 0.2029 12.54) 72.6%, oklch(58.60% 0.2017 15.72) 73.7%, oklch(58.36% 0.2002 18.31) 74.7%, oklch(57.94% 0.1983 20.31) 75.8%, oklch(57.36% 0.1958 21.82) 76.8%, oklch(56.65% 0.1926 22.88) 77.9%, oklch(55.81% 0.1890 23.53) 78.9%, oklch(54.86% 0.1848 23.80) 80.0%, oklch(53.80% 0.1802 23.73) 81.1%, oklch(52.66% 0.1752 23.34) 82.1%, oklch(51.45% 0.1699 22.68) 83.2%, oklch(50.17% 0.1643 21.77) 84.2%, oklch(48.85% 0.1586 20.65) 85.3%, oklch(47.49% 0.1526 19.36) 86.3%, oklch(46.11% 0.1466 17.93) 87.4%, oklch(44.73% 0.1406 16.39) 88.4%, oklch(43.34% 0.1346 14.77) 89.5%, oklch(41.98% 0.1287 13.11) 90.5%, oklch(40.65% 0.1229 11.45) 91.6%, oklch(39.36% 0.1173 9.81) 92.6%, oklch(38.13% 0.1119 8.23) 93.7%, oklch(36.96% 0.1068 6.75) 94.7%, oklch(35.89% 0.1022 5.40) 95.8%, oklch(34.91% 0.0979 4.21) 96.8%, oklch(34.04% 0.0941 3.22) 97.9%, oklch(33.29% 0.0909 2.45) 98.9%, oklch(32.68% 0.0882 1.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.015 | 80.9 |
| 2 | 0.831 | 0.026 | 246.8 |
| 3 | 0.508 | 0.169 | 261.6 |
| 4 | 0.583 | 0.2 | 378.9 |
| 5 | 0.327 | 0.088 | 362 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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