# Aubergine and ochre kasavu silk and marigold The Aubergine and ochre kasavu silk and marigold brings together purple, blue, light green, light yellow, yellow, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is yellow. - Also called: Purple, blue, beige and yellow linear gradient - Seed: `kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g` - Page: https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light center, pastel, multicolor - Hues: complementary - Contrast of its darkest and lightest colors: 7.9 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 | `#4b335f` | `oklch(37.01% 0.0772 308.67)` | Royal Crown | white, 10.7 to 1 | | 2 | `#4a3665` | `oklch(37.68% 0.0802 302.45)` | Petunia | white, 10.4 to 1 | | 3 | `#463a6c` | `oklch(38.52% 0.0850 293.51)` | Meteorite | white, 10.1 to 1 | | 4 | `#413f75` | `oklch(39.62% 0.0901 283.26)` | Hot Sauna | white, 9.6 to 1 | | 5 | `#3a457d` | `oklch(41.07% 0.0939 273.10)` | Little Blue Heron | white, 8.9 to 1 | | 6 | `#354d84` | `oklch(42.95% 0.0952 264.43)` | Tory Blue | white, 8.2 to 1 | | 7 | `#355689` | `oklch(45.38% 0.0927 258.49)` | Dark Cobalt Blue | white, 7.3 to 1 | | 8 | `#3b608f` | `oklch(48.39% 0.0871 254.68)` | Antilles Blue | white, 6.4 to 1 | | 9 | `#446b95` | `oklch(51.75% 0.0798 251.41)` | Queen Blue | white, 5.5 to 1 | | 10 | `#4f769b` | `oklch(55.27% 0.0724 247.06)` | Secrecy | white, 4.7 to 1 | | 11 | `#5782a0` | `oklch(58.73% 0.0663 240.03)` | Honest Blue | black, 5.1 to 1 | | 12 | `#5e8ea4` | `oklch(62.08% 0.0620 228.73)` | Saltbox Blue | black, 5.8 to 1 | | 13 | `#679ba6` | `oklch(65.59% 0.0577 213.33)` | Echo One | black, 6.7 to 1 | | 14 | `#74a7a7` | `oklch(69.14% 0.0542 195.75)` | Cresting Waves | black, 7.7 to 1 | | 15 | `#83b2a6` | `oklch(72.57% 0.0521 178.01)` | Le Max | black, 8.8 to 1 | | 16 | `#93bba6` | `oklch(75.73% 0.0524 162.09)` | Lichen | black, 9.9 to 1 | | 17 | `#a1c4a6` | `oklch(78.53% 0.0561 149.57)` | Aroma Garden | black, 10.9 to 1 | | 18 | `#adcca5` | `oklch(81.14% 0.0636 139.03)` | Mint Circle | black, 11.9 to 1 | | 19 | `#b9d3a1` | `oklch(83.55% 0.0738 129.92)` | In Good Taste | black, 12.9 to 1 | | 20 | `#c6d99b` | `oklch(85.64% 0.0848 122.04)` | Lickety Split | black, 13.8 to 1 | | 21 | `#d3dd94` | `oklch(87.33% 0.0950 115.17)` | Shadow Lime | black, 14.5 to 1 | | 22 | `#dedf8e` | `oklch(88.54% 0.1030 109.18)` | Lively Laugh | black, 15 to 1 | | 23 | `#e7e088` | `oklch(89.33% 0.1100 104.54)` | Yellow Pear | black, 15.4 to 1 | | 24 | `#ede082` | `oklch(89.73% 0.1163 101.08)` | Gold Grillz | black, 15.5 to 1 | | 25 | `#f2de7b` | `oklch(89.72% 0.1219 98.41)` | Delicate Lemon | black, 15.5 to 1 | | 26 | `#f4dc74` | `oklch(89.28% 0.1265 96.10)` | Golden Rays | black, 15.3 to 1 | | 27 | `#f5d76d` | `oklch(88.39% 0.1300 93.75)` | Forsythia Blossom | black, 14.8 to 1 | | 28 | `#f3d065` | `oklch(86.65% 0.1320 91.50)` | Ride off Into the Sunset | black, 14 to 1 | | 29 | `#edc75b` | `oklch(84.20% 0.1327 89.58)` | Citrus Zest | black, 12.9 to 1 | | 30 | `#e6bd52` | `oklch(81.55% 0.1326 87.97)` | Blockchain Gold | black, 11.7 to 1 | | 31 | `#e0b54a` | `oklch(79.17% 0.1323 86.67)` | Up in Flames | black, 10.8 to 1 | | 32 | `#dcaf44` | `oklch(77.56% 0.1323 85.70)` | Tiger Cub | black, 10.2 to 1 | ## CSS ```css background: linear-gradient(90deg, #4b335f 0.0%, #4a3665 3.2%, #463a6c 6.5%, #413f75 9.7%, #3a457d 12.9%, #354d84 16.1%, #355689 19.4%, #3b608f 22.6%, #446b95 25.8%, #4f769b 29.0%, #5782a0 32.3%, #5e8ea4 35.5%, #679ba6 38.7%, #74a7a7 41.9%, #83b2a6 45.2%, #93bba6 48.4%, #a1c4a6 51.6%, #adcca5 54.8%, #b9d3a1 58.1%, #c6d99b 61.3%, #d3dd94 64.5%, #dedf8e 67.7%, #e7e088 71.0%, #ede082 74.2%, #f2de7b 77.4%, #f4dc74 80.6%, #f5d76d 83.9%, #f3d065 87.1%, #edc75b 90.3%, #e6bd52 93.5%, #e0b54a 96.8%, #dcaf44 100.0%); background: linear-gradient(90deg in oklch, oklch(37.01% 0.0772 308.67) 0.0%, oklch(37.68% 0.0802 302.45) 3.2%, oklch(38.52% 0.0850 293.51) 6.5%, oklch(39.62% 0.0901 283.26) 9.7%, oklch(41.07% 0.0939 273.10) 12.9%, oklch(42.95% 0.0952 264.43) 16.1%, oklch(45.38% 0.0927 258.49) 19.4%, oklch(48.39% 0.0871 254.68) 22.6%, oklch(51.75% 0.0798 251.41) 25.8%, oklch(55.27% 0.0724 247.06) 29.0%, oklch(58.73% 0.0663 240.03) 32.3%, oklch(62.08% 0.0620 228.73) 35.5%, oklch(65.59% 0.0577 213.33) 38.7%, oklch(69.14% 0.0542 195.75) 41.9%, oklch(72.57% 0.0521 178.01) 45.2%, oklch(75.73% 0.0524 162.09) 48.4%, oklch(78.53% 0.0561 149.57) 51.6%, oklch(81.14% 0.0636 139.03) 54.8%, oklch(83.55% 0.0738 129.92) 58.1%, oklch(85.64% 0.0848 122.04) 61.3%, oklch(87.33% 0.0950 115.17) 64.5%, oklch(88.54% 0.1030 109.18) 67.7%, oklch(89.33% 0.1100 104.54) 71.0%, oklch(89.73% 0.1163 101.08) 74.2%, oklch(89.72% 0.1219 98.41) 77.4%, oklch(89.28% 0.1265 96.10) 80.6%, oklch(88.39% 0.1300 93.75) 83.9%, oklch(86.65% 0.1320 91.50) 87.1%, oklch(84.20% 0.1327 89.58) 90.3%, oklch(81.55% 0.1326 87.97) 93.5%, oklch(79.17% 0.1323 86.67) 96.8%, oklch(77.56% 0.1323 85.70) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.37 | 0.077 | 308.7 | | 2 | 0.433 | 0.095 | 263.2 | | 3 | 0.598 | 0.065 | 236.8 | | 4 | 0.772 | 0.054 | 155.4 | | 5 | 0.882 | 0.101 | 111.1 | | 6 | 0.886 | 0.13 | 94.2 | | 7 | 0.776 | 0.132 | 85.7 | ## In these collections - [Kasavu silk and marigold](https://grabient.com/kasavu-silk-and-marigold) ## Other forms - [JSON](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.json?steps=32) - [PNG](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.png?steps=32) - [SVG](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.svg?steps=32) - [CSS](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.css?steps=32) - [ASE](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.ase?steps=32) - [GPL](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.gpl?steps=32) - [GRD](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.grd?steps=32) - [Design tokens](https://grabient.com/kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kaXjjbtyK6kwXvNiE7ZcCS6vCvPfisD7g) - [Guide for agents](https://grabient.com/llms.txt)