# Cream coral violet bands

Navy, purple, magenta and yellow linear swatches with 34 colors: #00003a, #05003f, #0f0045, #1b004b, #270051, #330057, #3e0060, #4a016a, #560273, #62037b, #6e027e, #78007e, #82007c, #8b0077, #950072, #a0006c, #a90264, #b10d5b, #b91b52, #c22c49, #cb4041, #d3563c, #d96c3c, #df8040, #e39146, #e9a14b, #edb050, #f1be57, #f4ca5e, #f5d467, #f7dd6f, #f9e376, #fae87b, #fbec7f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple, magenta and yellow linear swatches
- Seed: `kcKFC7oDDEbBBwe5x8LREPDtqxxPtsMPdq_BQ`
- Page: https://grabient.com/kcKFC7oDDEbBBwe5x8LREPDtqxxPtsMPdq_BQ?style=linearSwatches&steps=34&angle=270
- Drawn as: linear swatches, 34 steps, 270 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 16.3 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 | `#00003a` | `oklch(15.83% 0.1097 264.05)` | Midnight Blue | white, 19.7 to 1 |
| 2 | `#05003f` | `oklch(17.14% 0.1128 269.59)` | Ultramarine Shadow | white, 19.4 to 1 |
| 3 | `#0f0045` | `oklch(18.99% 0.1165 278.16)` | Floppy Disk | white, 18.9 to 1 |
| 4 | `#1b004b` | `oklch(21.18% 0.1215 287.76)` | Magic Whale | white, 18.2 to 1 |
| 5 | `#270051` | `oklch(23.54% 0.1280 296.67)` | Crowberry | white, 17.3 to 1 |
| 6 | `#330057` | `oklch(25.90% 0.1358 303.27)` | Hollow Knight | white, 16.4 to 1 |
| 7 | `#3e0060` | `oklch(28.54% 0.1456 307.65)` | Ripe Plum | white, 15.2 to 1 |
| 8 | `#4a016a` | `oklch(31.41% 0.1567 310.82)` | Royal Purple | white, 13.9 to 1 |
| 9 | `#560273` | `oklch(34.25% 0.1678 313.63)` | Velvet Vortex | white, 12.7 to 1 |
| 10 | `#62037b` | `oklch(36.83% 0.1773 316.89)` | Zeus Purple | white, 11.5 to 1 |
| 11 | `#6e027e` | `oklch(38.94% 0.1841 321.18)` | Zeus Purple | white, 10.6 to 1 |
| 12 | `#78007e` | `oklch(40.65% 0.1892 325.90)` | Aunt Violet | white, 9.9 to 1 |
| 13 | `#82007c` | `oklch(42.12% 0.1911 330.96)` | Philippine Violet | white, 9.3 to 1 |
| 14 | `#8b0077` | `oklch(43.53% 0.1923 336.36)` | Royal Purpleness | white, 8.8 to 1 |
| 15 | `#950072` | `oklch(45.05% 0.1939 342.09)` | Persian Luxury Purple | white, 8.3 to 1 |
| 16 | `#a0006c` | `oklch(46.61% 0.1958 348.11)` | Red Violet | white, 7.7 to 1 |
| 17 | `#a90264` | `oklch(48.03% 0.1965 354.38)` | Velvet Cupcake | white, 7.3 to 1 |
| 18 | `#b10d5b` | `oklch(49.57% 0.1945 1.03)` | Plum Perfect | white, 6.8 to 1 |
| 19 | `#b91b52` | `oklch(51.45% 0.1907 8.12)` | Perfect Pout | white, 6.2 to 1 |
| 20 | `#c22c49` | `oklch(53.95% 0.1850 15.77)` | Bleeding Heart | white, 5.6 to 1 |
| 21 | `#cb4041` | `oklch(57.24% 0.1756 24.35)` | Mullen Pink | white, 4.8 to 1 |
| 22 | `#d3563c` | `oklch(61.11% 0.1634 33.67)` | Spirit Warrior | black, 5.1 to 1 |
| 23 | `#d96c3c` | `oklch(65.21% 0.1509 43.12)` | Field Poppy | black, 6.1 to 1 |
| 24 | `#df8040` | `oklch(69.18% 0.1405 52.15)` | Tree Poppy | black, 7.2 to 1 |
| 25 | `#e39146` | `oklch(72.75% 0.1344 60.32)` | Yellow Sumac | black, 8.4 to 1 |
| 26 | `#e9a14b` | `oklch(76.25% 0.1321 68.20)` | Granary Gold | black, 9.6 to 1 |
| 27 | `#edb050` | `oklch(79.64% 0.1322 75.71)` | Goldenrod Field | black, 10.9 to 1 |
| 28 | `#f1be57` | `oklch(82.78% 0.1331 82.51)` | Luminous Apricot | black, 12.2 to 1 |
| 29 | `#f4ca5e` | `oklch(85.53% 0.1337 88.26)` | Bee Hall | black, 13.4 to 1 |
| 30 | `#f5d467` | `oklch(87.79% 0.1332 92.69)` | Sunny Morning | black, 14.5 to 1 |
| 31 | `#f7dd6f` | `oklch(89.68% 0.1325 95.93)` | Milky Yellow | black, 15.4 to 1 |
| 32 | `#f9e376` | `oklch(91.21% 0.1319 98.27)` | Sweet Corn | black, 16.2 to 1 |
| 33 | `#fae87b` | `oklch(92.41% 0.1313 99.96)` | Pineapple Juice | black, 16.9 to 1 |
| 34 | `#fbec7f` | `oklch(93.31% 0.1309 101.28)` | Digital Yellow | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(270deg, #00003a 0.000% 2.941%, #05003f 2.941% 5.882%, #0f0045 5.882% 8.824%, #1b004b 8.824% 11.765%, #270051 11.765% 14.706%, #330057 14.706% 17.647%, #3e0060 17.647% 20.588%, #4a016a 20.588% 23.529%, #560273 23.529% 26.471%, #62037b 26.471% 29.412%, #6e027e 29.412% 32.353%, #78007e 32.353% 35.294%, #82007c 35.294% 38.235%, #8b0077 38.235% 41.176%, #950072 41.176% 44.118%, #a0006c 44.118% 47.059%, #a90264 47.059% 50.000%, #b10d5b 50.000% 52.941%, #b91b52 52.941% 55.882%, #c22c49 55.882% 58.824%, #cb4041 58.824% 61.765%, #d3563c 61.765% 64.706%, #d96c3c 64.706% 67.647%, #df8040 67.647% 70.588%, #e39146 70.588% 73.529%, #e9a14b 73.529% 76.471%, #edb050 76.471% 79.412%, #f1be57 79.412% 82.353%, #f4ca5e 82.353% 85.294%, #f5d467 85.294% 88.235%, #f7dd6f 88.235% 91.176%, #f9e376 91.176% 94.118%, #fae87b 94.118% 97.059%, #fbec7f 97.059% 100.000%);
background: linear-gradient(270deg, oklch(15.83% 0.1097 264.05) 0.000% 2.941%, oklch(17.14% 0.1128 269.59) 2.941% 5.882%, oklch(18.99% 0.1165 278.16) 5.882% 8.824%, oklch(21.18% 0.1215 287.76) 8.824% 11.765%, oklch(23.54% 0.1280 296.67) 11.765% 14.706%, oklch(25.90% 0.1358 303.27) 14.706% 17.647%, oklch(28.54% 0.1456 307.65) 17.647% 20.588%, oklch(31.41% 0.1567 310.82) 20.588% 23.529%, oklch(34.25% 0.1678 313.63) 23.529% 26.471%, oklch(36.83% 0.1773 316.89) 26.471% 29.412%, oklch(38.94% 0.1841 321.18) 29.412% 32.353%, oklch(40.65% 0.1892 325.90) 32.353% 35.294%, oklch(42.12% 0.1911 330.96) 35.294% 38.235%, oklch(43.53% 0.1923 336.36) 38.235% 41.176%, oklch(45.05% 0.1939 342.09) 41.176% 44.118%, oklch(46.61% 0.1958 348.11) 44.118% 47.059%, oklch(48.03% 0.1965 354.38) 47.059% 50.000%, oklch(49.57% 0.1945 1.03) 50.000% 52.941%, oklch(51.45% 0.1907 8.12) 52.941% 55.882%, oklch(53.95% 0.1850 15.77) 55.882% 58.824%, oklch(57.24% 0.1756 24.35) 58.824% 61.765%, oklch(61.11% 0.1634 33.67) 61.765% 64.706%, oklch(65.21% 0.1509 43.12) 64.706% 67.647%, oklch(69.18% 0.1405 52.15) 67.647% 70.588%, oklch(72.75% 0.1344 60.32) 70.588% 73.529%, oklch(76.25% 0.1321 68.20) 73.529% 76.471%, oklch(79.64% 0.1322 75.71) 76.471% 79.412%, oklch(82.78% 0.1331 82.51) 79.412% 82.353%, oklch(85.53% 0.1337 88.26) 82.353% 85.294%, oklch(87.79% 0.1332 92.69) 85.294% 88.235%, oklch(89.68% 0.1325 95.93) 88.235% 91.176%, oklch(91.21% 0.1319 98.27) 91.176% 94.118%, oklch(92.41% 0.1313 99.96) 94.118% 97.059%, oklch(93.31% 0.1309 101.28) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.157 | 0.11 | 263.7 |
| 2 | 0.252 | 0.134 | 301.7 |
| 3 | 0.378 | 0.181 | 318.6 |
| 4 | 0.453 | 0.197 | 342.9 |
| 5 | 0.535 | 0.186 | 374.6 |
| 6 | 0.713 | 0.136 | 416.9 |
| 7 | 0.862 | 0.134 | 449.7 |
| 8 | 0.933 | 0.131 | 461.3 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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