# Sage, violet and terracotta late winter protea The Sage, violet and terracotta late winter protea brings together teal, blue, purple, magenta, and red. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is blue, and its lightest tone is red. - Also called: Teal, blue, purple and brown linear gradient - Seed: `kYiCaHvKBITmyQw8MkNQylEcskRS` - Page: https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Hues: wide - Contrast of its darkest and lightest colors: 1.8 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 | `#487774` | `oklch(53.54% 0.0524 190.55)` | Tropical Rain | white, 5 to 1 | | 2 | `#417677` | `oklch(52.89% 0.0560 198.43)` | Ming | white, 5.1 to 1 | | 3 | `#3a737c` | `oklch(51.95% 0.0608 209.71)` | Grand Rapids | white, 5.3 to 1 | | 4 | `#366e81` | `oklch(50.85% 0.0666 222.92)` | Tlāloc Blue | white, 5.6 to 1 | | 5 | `#366987` | `oklch(49.71% 0.0730 236.63)` | Naval Passage | white, 5.9 to 1 | | 6 | `#3a638b` | `oklch(48.65% 0.0798 249.37)` | Mississippi River | white, 6.3 to 1 | | 7 | `#3f5d8e` | `oklch(47.78% 0.0868 259.70)` | Delft | white, 6.6 to 1 | | 8 | `#435890` | `oklch(47.13% 0.0943 266.91)` | Lambent Lagoon | white, 6.8 to 1 | | 9 | `#465493` | `oklch(46.56% 0.1031 272.20)` | Canyon Iris | white, 7.1 to 1 | | 10 | `#485096` | `oklch(46.09% 0.1124 276.18)` | Crushed Velvet | white, 7.3 to 1 | | 11 | `#4b4d99` | `oklch(45.71% 0.1216 279.43)` | Liberty | white, 7.4 to 1 | | 12 | `#4e499b` | `oklch(45.45% 0.1297 282.54)` | Liberty | white, 7.6 to 1 | | 13 | `#52469d` | `oklch(45.30% 0.1360 286.09)` | Liberty | white, 7.7 to 1 | | 14 | `#58439d` | `oklch(45.28% 0.1399 290.41)` | Daisy Bush | white, 7.7 to 1 | | 15 | `#5e419c` | `oklch(45.39% 0.1419 294.75)` | Sweet Flag | white, 7.7 to 1 | | 16 | `#633f9a` | `oklch(45.61% 0.1426 299.10)` | Sweet Flag | white, 7.7 to 1 | | 17 | `#693e97` | `oklch(45.95% 0.1421 303.55)` | Sweet Flag | white, 7.6 to 1 | | 18 | `#6f3e94` | `oklch(46.38% 0.1408 308.21)` | Perkin Mauve | white, 7.5 to 1 | | 19 | `#753e91` | `oklch(46.90% 0.1390 313.15)` | Perkin Mauve | white, 7.3 to 1 | | 20 | `#7c3e8d` | `oklch(47.50% 0.1369 318.47)` | Dull Violet | white, 7.1 to 1 | | 21 | `#823f88` | `oklch(48.23% 0.1337 324.12)` | Violet Webcap | white, 6.9 to 1 | | 22 | `#884183` | `oklch(49.08% 0.1295 330.04)` | Evil Curse | white, 6.6 to 1 | | 23 | `#8e447e` | `oklch(50.02% 0.1248 336.20)` | Willowherb | white, 6.4 to 1 | | 24 | `#934779` | `oklch(50.99% 0.1201 342.55)` | Willowherb | white, 6.1 to 1 | | 25 | `#984a73` | `oklch(51.98% 0.1158 349.06)` | Befitting | white, 5.8 to 1 | | 26 | `#9d4d6e` | `oklch(52.95% 0.1124 355.70)` | Cherry Berry | white, 5.6 to 1 | | 27 | `#a25168` | `oklch(54.02% 0.1094 3.21)` | Raspberry Patch | white, 5.3 to 1 | | 28 | `#a65662` | `oklch(55.19% 0.1067 11.43)` | Beef Jerky | white, 5 to 1 | | 29 | `#aa5a5c` | `oklch(56.37% 0.1043 19.73)` | Italian Villa | white, 4.8 to 1 | | 30 | `#ad6057` | `oklch(57.46% 0.1022 27.47)` | Prairie Poppy | white, 4.5 to 1 | | 31 | `#af6453` | `oklch(58.39% 0.1005 34.02)` | Aragon | black, 4.7 to 1 | | 32 | `#af6850` | `oklch(59.06% 0.0992 38.73)` | Deep Clay Red | black, 4.9 to 1 | ## CSS ```css background: linear-gradient(90deg, #487774 0.0%, #417677 3.2%, #3a737c 6.5%, #366e81 9.7%, #366987 12.9%, #3a638b 16.1%, #3f5d8e 19.4%, #435890 22.6%, #465493 25.8%, #485096 29.0%, #4b4d99 32.3%, #4e499b 35.5%, #52469d 38.7%, #58439d 41.9%, #5e419c 45.2%, #633f9a 48.4%, #693e97 51.6%, #6f3e94 54.8%, #753e91 58.1%, #7c3e8d 61.3%, #823f88 64.5%, #884183 67.7%, #8e447e 71.0%, #934779 74.2%, #984a73 77.4%, #9d4d6e 80.6%, #a25168 83.9%, #a65662 87.1%, #aa5a5c 90.3%, #ad6057 93.5%, #af6453 96.8%, #af6850 100.0%); background: linear-gradient(90deg in oklch, oklch(53.54% 0.0524 190.55) 0.0%, oklch(52.89% 0.0560 198.43) 3.2%, oklch(51.95% 0.0608 209.71) 6.5%, oklch(50.85% 0.0666 222.92) 9.7%, oklch(49.71% 0.0730 236.63) 12.9%, oklch(48.65% 0.0798 249.37) 16.1%, oklch(47.78% 0.0868 259.70) 19.4%, oklch(47.13% 0.0943 266.91) 22.6%, oklch(46.56% 0.1031 272.20) 25.8%, oklch(46.09% 0.1124 276.18) 29.0%, oklch(45.71% 0.1216 279.43) 32.3%, oklch(45.45% 0.1297 282.54) 35.5%, oklch(45.30% 0.1360 286.09) 38.7%, oklch(45.28% 0.1399 290.41) 41.9%, oklch(45.39% 0.1419 294.75) 45.2%, oklch(45.61% 0.1426 299.10) 48.4%, oklch(45.95% 0.1421 303.55) 51.6%, oklch(46.38% 0.1408 308.21) 54.8%, oklch(46.90% 0.1390 313.15) 58.1%, oklch(47.50% 0.1369 318.47) 61.3%, oklch(48.23% 0.1337 324.12) 64.5%, oklch(49.08% 0.1295 330.04) 67.7%, oklch(50.02% 0.1248 336.20) 71.0%, oklch(50.99% 0.1201 342.55) 74.2%, oklch(51.98% 0.1158 349.06) 77.4%, oklch(52.95% 0.1124 355.70) 80.6%, oklch(54.02% 0.1094 3.21) 83.9%, oklch(55.19% 0.1067 11.43) 87.1%, oklch(56.37% 0.1043 19.73) 90.3%, oklch(57.46% 0.1022 27.47) 93.5%, oklch(58.39% 0.1005 34.02) 96.8%, oklch(59.06% 0.0992 38.73) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.535 | 0.052 | 190.5 | | 2 | 0.476 | 0.088 | 261.3 | | 3 | 0.453 | 0.138 | 287.8 | | 4 | 0.472 | 0.138 | 316.3 | | 5 | 0.528 | 0.113 | 354.3 | | 6 | 0.591 | 0.099 | 398.7 | ## In these collections - [Late winter protea](https://grabient.com/late-winter-protea) ## Other forms - [JSON](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.json?steps=32) - [PNG](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.png?steps=32) - [SVG](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.svg?steps=32) - [CSS](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.css?steps=32) - [ASE](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.ase?steps=32) - [GPL](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.gpl?steps=32) - [GRD](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.grd?steps=32) - [Design tokens](https://grabient.com/kYiCaHvKBITmyQw8MkNQylEcskRS.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYiCaHvKBITmyQw8MkNQylEcskRS&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYiCaHvKBITmyQw8MkNQylEcskRS) - [Guide for agents](https://grabient.com/llms.txt)