# Violet and Citrine Orbit

Seamless rainbow linear gradient with 56 colors: #041835, #00213e, #002e44, #003d4d, #004f56, #00635e, #00785f, #268d54, #5d9c45, #88a835, #acb12b, #c8b82e, #dabf3f, #e7c756, #eed16e, #f3da85, #f5e39c, #f6ebb0, #f7f0c2, #f8f4d0, #f9f6d9, #f9f6dd, #faf4db, #faefd2, #fce6c2, #ffd8ae, #ffc8a1, #ffb596, #ff9f8e, #ff868d, #fe6994, #f155a2, #e244b1, #d238bd, #c42fc5, #b527cb, #a81fcf, #9c17d1, #910ed1, #8706cf, #7d00cc, #7300c8, #6a00c3, #6000bd, #5600b7, #4c05af, #420da4, #381398, #2e188a, #261b7c, #1e1c6e, #181d60, #141d54, #111c48, #0f1b3f, #0e1938. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless rainbow linear gradient
- Seed: `kYNi224jYtvqMPzO1LGNFM65yWvM`
- Page: https://grabient.com/kYNi224jYtvqMPzO1LGNFM65yWvM?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center, vivid, rainbow, seamless
- Hues: complementary
- Contrast of its darkest and lightest colors: 16.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 | `#041835` | `oklch(21.26% 0.0620 256.64)` | Naval Night | white, 17.6 to 1 |
| 2 | `#00213e` | `oklch(24.39% 0.0658 248.07)` | Midnight Mirage | white, 16.2 to 1 |
| 3 | `#002e44` | `oklch(28.53% 0.0615 236.11)` | Cosmos Blue | white, 14.2 to 1 |
| 4 | `#003d4d` | `oklch(33.47% 0.0617 221.76)` | Duskwood | white, 11.7 to 1 |
| 5 | `#004f56` | `oklch(39.02% 0.0667 205.69)` | Deep Atlantic Blue | white, 9.3 to 1 |
| 6 | `#00635e` | `oklch(44.96% 0.0780 188.60)` | Emerald Stone | white, 7.1 to 1 |
| 7 | `#00785f` | `oklch(51.08% 0.0999 171.16)` | Emerald Dream | white, 5.4 to 1 |
| 8 | `#268d54` | `oklch(57.18% 0.1285 154.06)` | Bottle Glass | black, 5 to 1 |
| 9 | `#5d9c45` | `oklch(63.05% 0.1374 137.94)` | Calm Balm | black, 6.3 to 1 |
| 10 | `#88a835` | `oklch(68.47% 0.1442 123.49)` | Beautiful Mint | black, 7.6 to 1 |
| 11 | `#acb12b` | `oklch(73.25% 0.1482 111.40)` | Fusion | black, 9 to 1 |
| 12 | `#c8b82e` | `oklch(77.17% 0.1488 102.35)` | Humorous Green | black, 10.2 to 1 |
| 13 | `#dabf3f` | `oklch(80.50% 0.1447 96.65)` | Wax | black, 11.4 to 1 |
| 14 | `#e7c756` | `oklch(83.63% 0.1358 93.76)` | Yellow Brick Road | black, 12.7 to 1 |
| 15 | `#eed16e` | `oklch(86.53% 0.1233 93.07)` | Funky Yellow | black, 13.9 to 1 |
| 16 | `#f3da85` | `oklch(89.15% 0.1084 94.00)` | Buff | black, 15.2 to 1 |
| 17 | `#f5e39c` | `oklch(91.45% 0.0921 95.96)` | Lemon Meringue | black, 16.3 to 1 |
| 18 | `#f6ebb0` | `oklch(93.40% 0.0758 98.35)` | Sunbeam | black, 17.3 to 1 |
| 19 | `#f7f0c2` | `oklch(94.95% 0.0604 100.58)` | Yellowed Bone | black, 18.2 to 1 |
| 20 | `#f8f4d0` | `oklch(96.08% 0.0474 102.05)` | Yellow Bombinate | black, 18.8 to 1 |
| 21 | `#f9f6d9` | `oklch(96.73% 0.0377 102.18)` | Portal Entrance | black, 19.1 to 1 |
| 22 | `#f9f6dd` | `oklch(96.87% 0.0325 100.36)` | White Hydrangea | black, 19.2 to 1 |
| 23 | `#faf4db` | `oklch(96.46% 0.0331 96.01)` | Tulip Petals | black, 18.9 to 1 |
| 24 | `#faefd2` | `oklch(95.28% 0.0401 89.00)` | Andover Cream | black, 18.3 to 1 |
| 25 | `#fce6c2` | `oklch(93.25% 0.0530 79.86)` | Autumn Child | black, 17.1 to 1 |
| 26 | `#ffd8ae` | `oklch(90.52% 0.0701 69.04)` | Acini di Pepe | black, 15.6 to 1 |
| 27 | `#ffc8a1` | `oklch(87.25% 0.0814 56.98)` | Apricot Froth | black, 14 to 1 |
| 28 | `#ffb596` | `oklch(83.58% 0.0966 44.10)` | Island Girl | black, 12.3 to 1 |
| 29 | `#ff9f8e` | `oklch(79.67% 0.1174 30.86)` | Tangerine Cream | black, 10.6 to 1 |
| 30 | `#ff868d` | `oklch(75.66% 0.1465 17.69)` | Tulip | black, 9 to 1 |
| 31 | `#fe6994` | `oklch(71.72% 0.1846 5.03)` | French Pink | black, 7.6 to 1 |
| 32 | `#f155a2` | `oklch(68.00% 0.2047 353.32)` | Oleander Pink | black, 6.5 to 1 |
| 33 | `#e244b1` | `oklch(64.65% 0.2212 342.99)` | Pink Bite | black, 5.7 to 1 |
| 34 | `#d238bd` | `oklch(61.81% 0.2329 334.49)` | Purple Pink | black, 5 to 1 |
| 35 | `#c42fc5` | `oklch(59.39% 0.2408 327.61)` | Steel Pink | white, 4.6 to 1 |
| 36 | `#b527cb` | `oklch(57.15% 0.2467 321.76)` | Telemagenta | white, 5 to 1 |
| 37 | `#a81fcf` | `oklch(55.06% 0.2509 316.81)` | Telemagenta | white, 5.5 to 1 |
| 38 | `#9c17d1` | `oklch(53.11% 0.2532 312.61)` | Prom Queen | white, 6 to 1 |
| 39 | `#910ed1` | `oklch(51.26% 0.2539 309.02)` | Violet Ink | white, 6.5 to 1 |
| 40 | `#8706cf` | `oklch(49.49% 0.2531 305.89)` | French Violet | white, 7.1 to 1 |
| 41 | `#7d00cc` | `oklch(47.78% 0.2508 303.08)` | French Violet | white, 7.6 to 1 |
| 42 | `#7300c8` | `oklch(46.10% 0.2455 300.45)` | Crown Chakra | white, 8.1 to 1 |
| 43 | `#6a00c3` | `oklch(44.42% 0.2400 297.86)` | Trusted Purple | white, 8.7 to 1 |
| 44 | `#6000bd` | `oklch(42.71% 0.2343 295.16)` | Purplue | white, 9.3 to 1 |
| 45 | `#5600b7` | `oklch(40.96% 0.2286 292.21)` | Elegant Midnight | white, 10 to 1 |
| 46 | `#4c05af` | `oklch(39.10% 0.2191 289.12)` | Aubergine Perl | white, 10.7 to 1 |
| 47 | `#420da4` | `oklch(37.19% 0.2061 286.09)` | Space Battle Blue | white, 11.5 to 1 |
| 48 | `#381398` | `oklch(35.23% 0.1905 283.15)` | Violet Hickey | white, 12.2 to 1 |
| 49 | `#2e188a` | `oklch(33.26% 0.1731 280.33)` | Indiglow | white, 13 to 1 |
| 50 | `#261b7c` | `oklch(31.33% 0.1546 277.65)` | Blue Royale | white, 13.7 to 1 |
| 51 | `#1e1c6e` | `oklch(29.47% 0.1357 275.13)` | 20000 Leagues Under the Sea | white, 14.4 to 1 |
| 52 | `#181d60` | `oklch(27.71% 0.1172 272.79)` | Pure Midnight | white, 15.1 to 1 |
| 53 | `#141d54` | `oklch(26.09% 0.0999 270.67)` | Dark Soul | white, 15.8 to 1 |
| 54 | `#111c48` | `oklch(24.65% 0.0844 268.78)` | Tetsu-Kon Blue | white, 16.3 to 1 |
| 55 | `#0f1b3f` | `oklch(23.42% 0.0715 267.15)` | Nightwalker | white, 16.8 to 1 |
| 56 | `#0e1938` | `oklch(22.44% 0.0620 265.80)` | Naval Night | white, 17.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #041835 0.0%, #00213e 1.8%, #002e44 3.6%, #003d4d 5.5%, #004f56 7.3%, #00635e 9.1%, #00785f 10.9%, #268d54 12.7%, #5d9c45 14.5%, #88a835 16.4%, #acb12b 18.2%, #c8b82e 20.0%, #dabf3f 21.8%, #e7c756 23.6%, #eed16e 25.5%, #f3da85 27.3%, #f5e39c 29.1%, #f6ebb0 30.9%, #f7f0c2 32.7%, #f8f4d0 34.5%, #f9f6d9 36.4%, #f9f6dd 38.2%, #faf4db 40.0%, #faefd2 41.8%, #fce6c2 43.6%, #ffd8ae 45.5%, #ffc8a1 47.3%, #ffb596 49.1%, #ff9f8e 50.9%, #ff868d 52.7%, #fe6994 54.5%, #f155a2 56.4%, #e244b1 58.2%, #d238bd 60.0%, #c42fc5 61.8%, #b527cb 63.6%, #a81fcf 65.5%, #9c17d1 67.3%, #910ed1 69.1%, #8706cf 70.9%, #7d00cc 72.7%, #7300c8 74.5%, #6a00c3 76.4%, #6000bd 78.2%, #5600b7 80.0%, #4c05af 81.8%, #420da4 83.6%, #381398 85.5%, #2e188a 87.3%, #261b7c 89.1%, #1e1c6e 90.9%, #181d60 92.7%, #141d54 94.5%, #111c48 96.4%, #0f1b3f 98.2%, #0e1938 100.0%);
background: linear-gradient(135deg in oklch, oklch(21.26% 0.0620 256.64) 0.0%, oklch(24.39% 0.0658 248.07) 1.8%, oklch(28.53% 0.0615 236.11) 3.6%, oklch(33.47% 0.0617 221.76) 5.5%, oklch(39.02% 0.0667 205.69) 7.3%, oklch(44.96% 0.0780 188.60) 9.1%, oklch(51.08% 0.0999 171.16) 10.9%, oklch(57.18% 0.1285 154.06) 12.7%, oklch(63.05% 0.1374 137.94) 14.5%, oklch(68.47% 0.1442 123.49) 16.4%, oklch(73.25% 0.1482 111.40) 18.2%, oklch(77.17% 0.1488 102.35) 20.0%, oklch(80.50% 0.1447 96.65) 21.8%, oklch(83.63% 0.1358 93.76) 23.6%, oklch(86.53% 0.1233 93.07) 25.5%, oklch(89.15% 0.1084 94.00) 27.3%, oklch(91.45% 0.0921 95.96) 29.1%, oklch(93.40% 0.0758 98.35) 30.9%, oklch(94.95% 0.0604 100.58) 32.7%, oklch(96.08% 0.0474 102.05) 34.5%, oklch(96.73% 0.0377 102.18) 36.4%, oklch(96.87% 0.0325 100.36) 38.2%, oklch(96.46% 0.0331 96.01) 40.0%, oklch(95.28% 0.0401 89.00) 41.8%, oklch(93.25% 0.0530 79.86) 43.6%, oklch(90.52% 0.0701 69.04) 45.5%, oklch(87.25% 0.0814 56.98) 47.3%, oklch(83.58% 0.0966 44.10) 49.1%, oklch(79.67% 0.1174 30.86) 50.9%, oklch(75.66% 0.1465 17.69) 52.7%, oklch(71.72% 0.1846 5.03) 54.5%, oklch(68.00% 0.2047 353.32) 56.4%, oklch(64.65% 0.2212 342.99) 58.2%, oklch(61.81% 0.2329 334.49) 60.0%, oklch(59.39% 0.2408 327.61) 61.8%, oklch(57.15% 0.2467 321.76) 63.6%, oklch(55.06% 0.2509 316.81) 65.5%, oklch(53.11% 0.2532 312.61) 67.3%, oklch(51.26% 0.2539 309.02) 69.1%, oklch(49.49% 0.2531 305.89) 70.9%, oklch(47.78% 0.2508 303.08) 72.7%, oklch(46.10% 0.2455 300.45) 74.5%, oklch(44.42% 0.2400 297.86) 76.4%, oklch(42.71% 0.2343 295.16) 78.2%, oklch(40.96% 0.2286 292.21) 80.0%, oklch(39.10% 0.2191 289.12) 81.8%, oklch(37.19% 0.2061 286.09) 83.6%, oklch(35.23% 0.1905 283.15) 85.5%, oklch(33.26% 0.1731 280.33) 87.3%, oklch(31.33% 0.1546 277.65) 89.1%, oklch(29.47% 0.1357 275.13) 90.9%, oklch(27.71% 0.1172 272.79) 92.7%, oklch(26.09% 0.0999 270.67) 94.5%, oklch(24.65% 0.0844 268.78) 96.4%, oklch(23.42% 0.0715 267.15) 98.2%, oklch(22.44% 0.0620 265.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.062 | 256.6 |
| 2 | 0.772 | 0.149 | 102.4 |
| 3 | 0.965 | 0.033 | 96 |
| 4 | 0.618 | 0.233 | -25.5 |
| 5 | 0.409 | 0.229 | -67.8 |
| 6 | 0.224 | 0.062 | -94.2 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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