# Crimson gold and teal stained glass fan

Rainbow from black to blue angular swatches with 48 colors: #19171e, #1c1822, #201927, #251a2c, #2d1a32, #351b36, #3f1a39, #491a3b, #54193c, #5f173b, #6a1639, #741636, #7d1634, #851833, #8e1a32, #961d32, #9f2133, #a72634, #b02a36, #b83038, #c0353a, #c73b3c, #cf413c, #d6483b, #dc4f39, #e35738, #eb613a, #f26b3d, #f97641, #ff8146, #ff8f53, #ff9b5c, #ffa460, #ffaa5c, #ffae4a, #f6b23e, #e5b53a, #ccb73c, #acb546, #86b055, #5da865, #2d9c73, #008c7d, #007b7f, #006c7d, #005e7b, #05537a, #174a74. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from black to blue angular swatches
- Seed: `kWNQrUMTFIU1BwnmtcWsqDT4`
- Page: https://grabient.com/kWNQrUMTFIU1BwnmtcWsqDT4?style=angularSwatches&steps=48&angle=225
- Drawn as: angular swatches, 48 steps, 225 degrees
- Kinds: light center, vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#19171e` | `oklch(20.87% 0.0138 298.13)` | Violet Void | white, 17.8 to 1 |
| 2 | `#1c1822` | `oklch(21.73% 0.0200 301.79)` | Violet Void | white, 17.4 to 1 |
| 3 | `#201927` | `oklch(22.79% 0.0282 306.62)` | Coarse Wool | white, 17 to 1 |
| 4 | `#251a2c` | `oklch(24.03% 0.0380 312.40)` | Black Howl | white, 16.6 to 1 |
| 5 | `#2d1a32` | `oklch(25.42% 0.0490 318.88)` | Blackcurrant | white, 16 to 1 |
| 6 | `#351b36` | `oklch(26.94% 0.0608 325.87)` | Nightly Voyager | white, 15.4 to 1 |
| 7 | `#3f1a39` | `oklch(28.55% 0.0731 333.12)` | Blackberry | white, 14.7 to 1 |
| 8 | `#491a3b` | `oklch(30.25% 0.0856 340.42)` | Chilli Black Red | white, 14 to 1 |
| 9 | `#54193c` | `oklch(31.99% 0.0977 347.55)` | Tulip Poplar Purple | white, 13.2 to 1 |
| 10 | `#5f173b` | `oklch(33.77% 0.1093 354.28)` | Soul Anchor | white, 12.5 to 1 |
| 11 | `#6a1639` | `oklch(35.54% 0.1199 0.39)` | Her Fierceness | white, 11.7 to 1 |
| 12 | `#741636` | `oklch(37.30% 0.1292 5.66)` | Deep Claret | white, 11 to 1 |
| 13 | `#7d1634` | `oklch(39.01% 0.1368 9.88)` | Brown Magenta | white, 10.3 to 1 |
| 14 | `#851833` | `oklch(40.75% 0.1435 13.15)` | Sweet Cherry Red | white, 9.6 to 1 |
| 15 | `#8e1a32` | `oklch(42.56% 0.1497 15.68)` | Refined Chianti | white, 8.9 to 1 |
| 16 | `#961d32` | `oklch(44.42% 0.1553 17.61)` | Bacchic Burgundy | white, 8.2 to 1 |
| 17 | `#9f2133` | `oklch(46.32% 0.1604 19.08)` | Vivid Burgundy | white, 7.6 to 1 |
| 18 | `#a72634` | `oklch(48.25% 0.1649 20.25)` | Scarlet Sage | white, 7 to 1 |
| 19 | `#b02a36` | `oklch(50.19% 0.1688 21.24)` | Unmatched Beauty | white, 6.5 to 1 |
| 20 | `#b83038` | `oklch(52.13% 0.1723 22.21)` | Bloodsport | white, 5.9 to 1 |
| 21 | `#c0353a` | `oklch(54.07% 0.1751 23.30)` | Tropical Heat | white, 5.5 to 1 |
| 22 | `#c73b3c` | `oklch(55.99% 0.1774 24.64)` | Root Chakra | white, 5 to 1 |
| 23 | `#cf413c` | `oklch(57.88% 0.1791 26.38)` | Rebel Red | white, 4.7 to 1 |
| 24 | `#d6483b` | `oklch(59.73% 0.1802 28.67)` | Warming Heart | black, 4.8 to 1 |
| 25 | `#dc4f39` | `oklch(61.58% 0.1807 31.49)` | Fire Island | black, 5.2 to 1 |
| 26 | `#e35738` | `oklch(63.72% 0.1803 34.08)` | Volcanic Blast | black, 5.7 to 1 |
| 27 | `#eb613a` | `oklch(66.12% 0.1791 36.45)` | Teri-Gaki Persimmon | black, 6.2 to 1 |
| 28 | `#f26b3d` | `oklch(68.66% 0.1772 38.77)` | Chinese Orange | black, 6.9 to 1 |
| 29 | `#f97641` | `oklch(71.22% 0.1747 41.22)` | Crayola Orange | black, 7.7 to 1 |
| 30 | `#ff8146` | `oklch(73.71% 0.1697 43.98)` | Mango Tango | black, 8.4 to 1 |
| 31 | `#ff8f53` | `oklch(76.02% 0.1545 47.20)` | Boredom Buster | black, 9.3 to 1 |
| 32 | `#ff9b5c` | `oklch(78.02% 0.1432 51.07)` | Honey Carrot Cake | black, 10 to 1 |
| 33 | `#ffa460` | `oklch(79.62% 0.1367 55.75)` | Peaches à la Crème | black, 10.7 to 1 |
| 34 | `#ffaa5c` | `oklch(80.71% 0.1369 61.42)` | Sailing Tangerine | black, 11.1 to 1 |
| 35 | `#ffae4a` | `oklch(81.17% 0.1470 68.25)` | My Sin | black, 11.3 to 1 |
| 36 | `#f6b23e` | `oklch(80.90% 0.1484 76.40)` | Squash Blossom | black, 11.3 to 1 |
| 37 | `#e5b53a` | `oklch(79.72% 0.1443 86.42)` | Australium Gold | black, 11 to 1 |
| 38 | `#ccb73c` | `oklch(77.52% 0.1396 98.95)` | Yellowstone | black, 10.3 to 1 |
| 39 | `#acb546` | `oklch(74.46% 0.1344 113.52)` | Azeitona | black, 9.4 to 1 |
| 40 | `#86b055` | `oklch(70.74% 0.1288 129.59)` | Parrot Green | black, 8.3 to 1 |
| 41 | `#5da865` | `oklch(66.54% 0.1230 146.61)` | Deep Mint | black, 7.2 to 1 |
| 42 | `#2d9c73` | `oklch(62.06% 0.1172 164.07)` | Holly Green | black, 6.1 to 1 |
| 43 | `#008c7d` | `oklch(57.49% 0.1034 181.41)` | Greenlake | black, 5 to 1 |
| 44 | `#007b7f` | `oklch(53.01% 0.0902 198.11)` | Tobernite | white, 5 to 1 |
| 45 | `#006c7d` | `oklch(48.80% 0.0856 213.65)` | Shinbashi Azure | white, 6.1 to 1 |
| 46 | `#005e7b` | `oklch(45.07% 0.0874 227.46)` | Blue Edge | white, 7.2 to 1 |
| 47 | `#05537a` | `oklch(41.99% 0.0925 238.99)` | Ocean Spray | white, 8.3 to 1 |
| 48 | `#174a74` | `oklch(39.76% 0.0896 247.75)` | Linear | white, 9.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #19171e 0.000% 2.083%, #1c1822 2.083% 4.167%, #201927 4.167% 6.250%, #251a2c 6.250% 8.333%, #2d1a32 8.333% 10.417%, #351b36 10.417% 12.500%, #3f1a39 12.500% 14.583%, #491a3b 14.583% 16.667%, #54193c 16.667% 18.750%, #5f173b 18.750% 20.833%, #6a1639 20.833% 22.917%, #741636 22.917% 25.000%, #7d1634 25.000% 27.083%, #851833 27.083% 29.167%, #8e1a32 29.167% 31.250%, #961d32 31.250% 33.333%, #9f2133 33.333% 35.417%, #a72634 35.417% 37.500%, #b02a36 37.500% 39.583%, #b83038 39.583% 41.667%, #c0353a 41.667% 43.750%, #c73b3c 43.750% 45.833%, #cf413c 45.833% 47.917%, #d6483b 47.917% 50.000%, #dc4f39 50.000% 52.083%, #e35738 52.083% 54.167%, #eb613a 54.167% 56.250%, #f26b3d 56.250% 58.333%, #f97641 58.333% 60.417%, #ff8146 60.417% 62.500%, #ff8f53 62.500% 64.583%, #ff9b5c 64.583% 66.667%, #ffa460 66.667% 68.750%, #ffaa5c 68.750% 70.833%, #ffae4a 70.833% 72.917%, #f6b23e 72.917% 75.000%, #e5b53a 75.000% 77.083%, #ccb73c 77.083% 79.167%, #acb546 79.167% 81.250%, #86b055 81.250% 83.333%, #5da865 83.333% 85.417%, #2d9c73 85.417% 87.500%, #008c7d 87.500% 89.583%, #007b7f 89.583% 91.667%, #006c7d 91.667% 93.750%, #005e7b 93.750% 95.833%, #05537a 95.833% 97.917%, #174a74 97.917% 100.000%);
background: conic-gradient(from 225deg, oklch(20.87% 0.0138 298.13) 0.000% 2.083%, oklch(21.73% 0.0200 301.79) 2.083% 4.167%, oklch(22.79% 0.0282 306.62) 4.167% 6.250%, oklch(24.03% 0.0380 312.40) 6.250% 8.333%, oklch(25.42% 0.0490 318.88) 8.333% 10.417%, oklch(26.94% 0.0608 325.87) 10.417% 12.500%, oklch(28.55% 0.0731 333.12) 12.500% 14.583%, oklch(30.25% 0.0856 340.42) 14.583% 16.667%, oklch(31.99% 0.0977 347.55) 16.667% 18.750%, oklch(33.77% 0.1093 354.28) 18.750% 20.833%, oklch(35.54% 0.1199 0.39) 20.833% 22.917%, oklch(37.30% 0.1292 5.66) 22.917% 25.000%, oklch(39.01% 0.1368 9.88) 25.000% 27.083%, oklch(40.75% 0.1435 13.15) 27.083% 29.167%, oklch(42.56% 0.1497 15.68) 29.167% 31.250%, oklch(44.42% 0.1553 17.61) 31.250% 33.333%, oklch(46.32% 0.1604 19.08) 33.333% 35.417%, oklch(48.25% 0.1649 20.25) 35.417% 37.500%, oklch(50.19% 0.1688 21.24) 37.500% 39.583%, oklch(52.13% 0.1723 22.21) 39.583% 41.667%, oklch(54.07% 0.1751 23.30) 41.667% 43.750%, oklch(55.99% 0.1774 24.64) 43.750% 45.833%, oklch(57.88% 0.1791 26.38) 45.833% 47.917%, oklch(59.73% 0.1802 28.67) 47.917% 50.000%, oklch(61.58% 0.1807 31.49) 50.000% 52.083%, oklch(63.72% 0.1803 34.08) 52.083% 54.167%, oklch(66.12% 0.1791 36.45) 54.167% 56.250%, oklch(68.66% 0.1772 38.77) 56.250% 58.333%, oklch(71.22% 0.1747 41.22) 58.333% 60.417%, oklch(73.71% 0.1697 43.98) 60.417% 62.500%, oklch(76.02% 0.1545 47.20) 62.500% 64.583%, oklch(78.02% 0.1432 51.07) 64.583% 66.667%, oklch(79.62% 0.1367 55.75) 66.667% 68.750%, oklch(80.71% 0.1369 61.42) 68.750% 70.833%, oklch(81.17% 0.1470 68.25) 70.833% 72.917%, oklch(80.90% 0.1484 76.40) 72.917% 75.000%, oklch(79.72% 0.1443 86.42) 75.000% 77.083%, oklch(77.52% 0.1396 98.95) 77.083% 79.167%, oklch(74.46% 0.1344 113.52) 79.167% 81.250%, oklch(70.74% 0.1288 129.59) 81.250% 83.333%, oklch(66.54% 0.1230 146.61) 83.333% 85.417%, oklch(62.06% 0.1172 164.07) 85.417% 87.500%, oklch(57.49% 0.1034 181.41) 87.500% 89.583%, oklch(53.01% 0.0902 198.11) 89.583% 91.667%, oklch(48.80% 0.0856 213.65) 91.667% 93.750%, oklch(45.07% 0.0874 227.46) 93.750% 95.833%, oklch(41.99% 0.0925 238.99) 95.833% 97.917%, oklch(39.76% 0.0896 247.75) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.014 | 298.1 |
| 2 | 0.386 | 0.135 | 368.9 |
| 3 | 0.606 | 0.181 | 390.1 |
| 4 | 0.807 | 0.147 | 438.7 |
| 5 | 0.398 | 0.09 | 607.8 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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