# Ruby cobalt rose window Rainbow from dark purple to beige linear gradient with 32 colors: #202026, #25232e, #2e2538, #3d2640, #4e2543, #612441, #71243b, #7e2437, #85253b, #862746, #812a56, #773067, #693776, #574080, #454985, #315488, #19618a, #007186, #00827f, #229471, #60a15b, #94a946, #bfad3c, #ddb047, #efb55a, #f8bc6f, #fbc482, #facc94, #f7d4a4, #f4dbb3, #f2e0bf, #f1e3c9. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Rainbow from dark purple to beige linear gradient - Seed: `kWPwjLNS9KLoiMVkL6xdQ5AA` - Page: https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA?steps=32&angle=135 - Drawn as: linear gradient, 32 steps, 135 degrees - Kinds: dark to light, vivid, rainbow - Hues: two-hue - Contrast of its darkest and lightest colors: 12.7 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 | `#202026` | `oklch(24.80% 0.0110 285.47)` | Noble Black | white, 16.1 to 1 | | 2 | `#25232e` | `oklch(26.25% 0.0216 293.93)` | To Hell and Black | white, 15.4 to 1 | | 3 | `#2e2538` | `oklch(28.29% 0.0370 306.87)` | Zero Gravity | white, 14.6 to 1 | | 4 | `#3d2640` | `oklch(30.72% 0.0554 322.37)` | Aubergine Mauve | white, 13.6 to 1 | | 5 | `#4e2543` | `oklch(33.36% 0.0750 338.51)` | Prestige Mauve | white, 12.5 to 1 | | 6 | `#612441` | `oklch(36.00% 0.0941 353.38)` | Quills of Terico | white, 11.4 to 1 | | 7 | `#71243b` | `oklch(38.45% 0.1109 5.08)` | Rocking Chair | white, 10.4 to 1 | | 8 | `#7e2437` | `oklch(40.54% 0.1237 11.67)` | Suō | white, 9.6 to 1 | | 9 | `#85253b` | `oklch(42.04% 0.1307 11.33)` | Shiraz | white, 9 to 1 | | 10 | `#862746` | `oklch(42.79% 0.1317 4.57)` | Anemone | white, 8.8 to 1 | | 11 | `#812a56` | `oklch(42.95% 0.1282 352.87)` | Pico Eggplant | white, 8.7 to 1 | | 12 | `#773067` | `oklch(42.81% 0.1217 337.30)` | Grape Juice | white, 8.7 to 1 | | 13 | `#693776` | `oklch(42.64% 0.1136 318.95)` | Comtesse | white, 8.7 to 1 | | 14 | `#574080` | `oklch(42.70% 0.1053 298.91)` | Cyber Grape | white, 8.5 to 1 | | 15 | `#454985` | `oklch(43.27% 0.0984 278.25)` | Highlands Twilight | white, 8.2 to 1 | | 16 | `#315488` | `oklch(44.62% 0.0943 258.06)` | Glimpse of Void | white, 7.6 to 1 | | 17 | `#19618a` | `oklch(47.02% 0.0943 238.65)` | Copenhagen Blue | white, 6.7 to 1 | | 18 | `#007186` | `oklch(50.54% 0.0900 216.53)` | Waterworld | white, 5.6 to 1 | | 19 | `#00827f` | `oklch(54.88% 0.0942 192.21)` | Pond Bath | white, 4.6 to 1 | | 20 | `#229471` | `oklch(59.73% 0.1128 167.09)` | Pool Table | black, 5.5 to 1 | | 21 | `#60a15b` | `oklch(64.78% 0.1207 142.50)` | Astroturf | black, 6.7 to 1 | | 22 | `#94a946` | `oklch(69.71% 0.1274 119.80)` | Lime It or Leave It | black, 7.9 to 1 | | 23 | `#bfad3c` | `oklch(74.21% 0.1315 100.32)` | Oil Yellow | black, 9.2 to 1 | | 24 | `#ddb047` | `oklch(77.96% 0.1316 85.42)` | Honey Grove | black, 10.3 to 1 | | 25 | `#efb55a` | `oklch(80.87% 0.1267 76.09)` | Golden Hour | black, 11.4 to 1 | | 26 | `#f8bc6f` | `oklch(83.36% 0.1170 71.53)` | Halcyon Days | black, 12.3 to 1 | | 27 | `#fbc482` | `oklch(85.49% 0.1040 70.66)` | Apricot Appeal | black, 13.3 to 1 | | 28 | `#facc94` | `oklch(87.29% 0.0890 72.39)` | Tangerine Silk | black, 14.1 to 1 | | 29 | `#f7d4a4` | `oklch(88.82% 0.0736 75.63)` | Pismo Dunes | black, 14.9 to 1 | | 30 | `#f4dbb3` | `oklch(90.11% 0.0591 79.31)` | Lion’s Roar | black, 15.5 to 1 | | 31 | `#f2e0bf` | `oklch(91.20% 0.0469 82.33)` | Vanilla Custard | black, 16.1 to 1 | | 32 | `#f1e3c9` | `oklch(92.13% 0.0386 83.63)` | Welcoming White | black, 16.6 to 1 | ## CSS ```css background: linear-gradient(135deg, #202026 0.0%, #25232e 3.2%, #2e2538 6.5%, #3d2640 9.7%, #4e2543 12.9%, #612441 16.1%, #71243b 19.4%, #7e2437 22.6%, #85253b 25.8%, #862746 29.0%, #812a56 32.3%, #773067 35.5%, #693776 38.7%, #574080 41.9%, #454985 45.2%, #315488 48.4%, #19618a 51.6%, #007186 54.8%, #00827f 58.1%, #229471 61.3%, #60a15b 64.5%, #94a946 67.7%, #bfad3c 71.0%, #ddb047 74.2%, #efb55a 77.4%, #f8bc6f 80.6%, #fbc482 83.9%, #facc94 87.1%, #f7d4a4 90.3%, #f4dbb3 93.5%, #f2e0bf 96.8%, #f1e3c9 100.0%); background: linear-gradient(135deg in oklch, oklch(24.80% 0.0110 285.47) 0.0%, oklch(26.25% 0.0216 293.93) 3.2%, oklch(28.29% 0.0370 306.87) 6.5%, oklch(30.72% 0.0554 322.37) 9.7%, oklch(33.36% 0.0750 338.51) 12.9%, oklch(36.00% 0.0941 353.38) 16.1%, oklch(38.45% 0.1109 5.08) 19.4%, oklch(40.54% 0.1237 11.67) 22.6%, oklch(42.04% 0.1307 11.33) 25.8%, oklch(42.79% 0.1317 4.57) 29.0%, oklch(42.95% 0.1282 352.87) 32.3%, oklch(42.81% 0.1217 337.30) 35.5%, oklch(42.64% 0.1136 318.95) 38.7%, oklch(42.70% 0.1053 298.91) 41.9%, oklch(43.27% 0.0984 278.25) 45.2%, oklch(44.62% 0.0943 258.06) 48.4%, oklch(47.02% 0.0943 238.65) 51.6%, oklch(50.54% 0.0900 216.53) 54.8%, oklch(54.88% 0.0942 192.21) 58.1%, oklch(59.73% 0.1128 167.09) 61.3%, oklch(64.78% 0.1207 142.50) 64.5%, oklch(69.71% 0.1274 119.80) 67.7%, oklch(74.21% 0.1315 100.32) 71.0%, oklch(77.96% 0.1316 85.42) 74.2%, oklch(80.87% 0.1267 76.09) 77.4%, oklch(83.36% 0.1170 71.53) 80.6%, oklch(85.49% 0.1040 70.66) 83.9%, oklch(87.29% 0.0890 72.39) 87.1%, oklch(88.82% 0.0736 75.63) 90.3%, oklch(90.11% 0.0591 79.31) 93.5%, oklch(91.20% 0.0469 82.33) 96.8%, oklch(92.13% 0.0386 83.63) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.248 | 0.011 | 285.5 | | 2 | 0.417 | 0.13 | 372.1 | | 3 | 0.457 | 0.094 | 248.5 | | 4 | 0.787 | 0.131 | 82.6 | | 5 | 0.921 | 0.039 | 83.6 | ## In these collections - [Stained glass colors](https://grabient.com/stained-glass-colors) ## Other forms - [JSON](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.json?steps=32&angle=135) - [PNG](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.png?steps=32&angle=135) - [SVG](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.svg?steps=32&angle=135) - [CSS](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.css?steps=32&angle=135) - [ASE](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.ase?steps=32&angle=135) - [GPL](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.gpl?steps=32&angle=135) - [GRD](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.grd?steps=32&angle=135) - [Design tokens](https://grabient.com/kWPwjLNS9KLoiMVkL6xdQ5AA.tokens.json?steps=32&angle=135) - [Social card](https://grabient.com/api/og?seed=kWPwjLNS9KLoiMVkL6xdQ5AA&steps=32&angle=135) - [Palettes like this one](https://grabient.com/palettes?q=kWPwjLNS9KLoiMVkL6xdQ5AA) - [Guide for agents](https://grabient.com/llms.txt)