# Soft violet coral banner gradient Analogous navy, purple, pink and black linear gradient with 32 colors: #2b2646, #302a4f, #372f5c, #3f366b, #493d7c, #54448e, #5f4b9e, #6c51ab, #7a56b3, #8c59b7, #a15cb5, #b560ae, #c764a4, #d36998, #d96d8d, #d97086, #d27184, #c36e83, #af6882, #97627e, #7e5a75, #675268, #554a5a, #48434e, #403e44, #3a383d, #343438, #302f34, #2c2c31, #29292f, #26262d, #24242b. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Analogous navy, purple, pink and black linear gradient - Seed: `kWSirOQzRA9UuyExBjhoYS9g` - Page: https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g?steps=32&angle=45 - Drawn as: linear gradient, 32 steps, 45 degrees - Kinds: light center, muted - Hues: analogous - Contrast of its darkest and lightest colors: 4.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 | `#2b2646` | `oklch(29.13% 0.0579 289.69)` | Blackberry Black | white, 14.2 to 1 | | 2 | `#302a4f` | `oklch(31.09% 0.0654 289.91)` | Cardinal Mauve | white, 13.3 to 1 | | 3 | `#372f5c` | `oklch(33.79% 0.0763 289.73)` | Jakarta Skyline | white, 12.1 to 1 | | 4 | `#3f366b` | `oklch(36.99% 0.0894 289.48)` | Minsk | white, 10.7 to 1 | | 5 | `#493d7c` | `oklch(40.51% 0.1033 289.52)` | Sage Violet | white, 9.3 to 1 | | 6 | `#54448e` | `oklch(44.11% 0.1170 290.19)` | Harvest Night | white, 8 to 1 | | 7 | `#5f4b9e` | `oklch(47.60% 0.1291 291.85)` | Ultrapurple Merge | white, 6.9 to 1 | | 8 | `#6c51ab` | `oklch(50.74% 0.1386 294.83)` | Ultrapurple Merge | white, 6.1 to 1 | | 9 | `#7a56b3` | `oklch(53.38% 0.1444 299.55)` | Royal Lavender | white, 5.5 to 1 | | 10 | `#8c59b7` | `oklch(56.04% 0.1476 307.49)` | Lusty Lavender | white, 4.9 to 1 | | 11 | `#a15cb5` | `oklch(58.83% 0.1491 318.15)` | Prickly Purple | black, 4.7 to 1 | | 12 | `#b560ae` | `oklch(61.54% 0.1490 330.28)` | Mazzy Star | black, 5.2 to 1 | | 13 | `#c764a4` | `oklch(63.94% 0.1472 342.60)` | Young Purple | black, 5.7 to 1 | | 14 | `#d36998` | `oklch(65.84% 0.1437 353.84)` | Preppy Rose | black, 6.2 to 1 | | 15 | `#d96d8d` | `oklch(67.00% 0.1387 2.75)` | Paris Pink | black, 6.5 to 1 | | 16 | `#d97086` | `oklch(67.23% 0.1320 8.04)` | Strawberry Milkshake | black, 6.6 to 1 | | 17 | `#d27184` | `oklch(66.27% 0.1235 8.56)` | Strawberry Milkshake | black, 6.4 to 1 | | 18 | `#c36e83` | `oklch(63.88% 0.1110 4.46)` | Briar Rose | black, 5.8 to 1 | | 19 | `#af6882` | `oklch(60.36% 0.0955 356.90)` | Crushed Raspberry | black, 5.1 to 1 | | 20 | `#97627e` | `oklch(56.11% 0.0783 347.00)` | Forest Berry | white, 4.8 to 1 | | 21 | `#7e5a75` | `oklch(51.50% 0.0607 335.92)` | Euphoric Magenta | white, 5.8 to 1 | | 22 | `#675268` | `oklch(46.90% 0.0440 324.79)` | Vintner | white, 7 to 1 | | 23 | `#554a5a` | `oklch(42.70% 0.0295 314.77)` | Deep Merlot | white, 8.3 to 1 | | 24 | `#48434e` | `oklch(39.27% 0.0186 307.00)` | Ishtar | white, 9.5 to 1 | | 25 | `#403e44` | `oklch(36.71% 0.0119 301.80)` | Bluish Black | white, 10.5 to 1 | | 26 | `#3a383d` | `oklch(34.49% 0.0082 297.68)` | Bohemian Black | white, 11.5 to 1 | | 27 | `#343438` | `oklch(32.56% 0.0070 294.40)` | Dark Kettle Black | white, 12.4 to 1 | | 28 | `#302f34` | `oklch(30.90% 0.0074 291.82)` | Tap Shoe | white, 13.2 to 1 | | 29 | `#2c2c31` | `oklch(29.47% 0.0088 289.78)` | Bastille | white, 13.9 to 1 | | 30 | `#29292f` | `oklch(28.26% 0.0105 288.15)` | Jaguar | white, 14.4 to 1 | | 31 | `#26262d` | `oklch(27.24% 0.0120 286.75)` | Closed Shutter | white, 14.9 to 1 | | 32 | `#24242b` | `oklch(26.38% 0.0124 285.46)` | Black Russian | white, 15.3 to 1 | ## CSS ```css background: linear-gradient(45deg, #2b2646 0.0%, #302a4f 3.2%, #372f5c 6.5%, #3f366b 9.7%, #493d7c 12.9%, #54448e 16.1%, #5f4b9e 19.4%, #6c51ab 22.6%, #7a56b3 25.8%, #8c59b7 29.0%, #a15cb5 32.3%, #b560ae 35.5%, #c764a4 38.7%, #d36998 41.9%, #d96d8d 45.2%, #d97086 48.4%, #d27184 51.6%, #c36e83 54.8%, #af6882 58.1%, #97627e 61.3%, #7e5a75 64.5%, #675268 67.7%, #554a5a 71.0%, #48434e 74.2%, #403e44 77.4%, #3a383d 80.6%, #343438 83.9%, #302f34 87.1%, #2c2c31 90.3%, #29292f 93.5%, #26262d 96.8%, #24242b 100.0%); background: linear-gradient(45deg in oklch, oklch(29.13% 0.0579 289.69) 0.0%, oklch(31.09% 0.0654 289.91) 3.2%, oklch(33.79% 0.0763 289.73) 6.5%, oklch(36.99% 0.0894 289.48) 9.7%, oklch(40.51% 0.1033 289.52) 12.9%, oklch(44.11% 0.1170 290.19) 16.1%, oklch(47.60% 0.1291 291.85) 19.4%, oklch(50.74% 0.1386 294.83) 22.6%, oklch(53.38% 0.1444 299.55) 25.8%, oklch(56.04% 0.1476 307.49) 29.0%, oklch(58.83% 0.1491 318.15) 32.3%, oklch(61.54% 0.1490 330.28) 35.5%, oklch(63.94% 0.1472 342.60) 38.7%, oklch(65.84% 0.1437 353.84) 41.9%, oklch(67.00% 0.1387 2.75) 45.2%, oklch(67.23% 0.1320 8.04) 48.4%, oklch(66.27% 0.1235 8.56) 51.6%, oklch(63.88% 0.1110 4.46) 54.8%, oklch(60.36% 0.0955 356.90) 58.1%, oklch(56.11% 0.0783 347.00) 61.3%, oklch(51.50% 0.0607 335.92) 64.5%, oklch(46.90% 0.0440 324.79) 67.7%, oklch(42.70% 0.0295 314.77) 71.0%, oklch(39.27% 0.0186 307.00) 74.2%, oklch(36.71% 0.0119 301.80) 77.4%, oklch(34.49% 0.0082 297.68) 80.6%, oklch(32.56% 0.0070 294.40) 83.9%, oklch(30.90% 0.0074 291.82) 87.1%, oklch(29.47% 0.0088 289.78) 90.3%, oklch(28.26% 0.0105 288.15) 93.5%, oklch(27.24% 0.0120 286.75) 96.8%, oklch(26.38% 0.0124 285.46) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.291 | 0.058 | 289.7 | | 2 | 0.528 | 0.143 | 298.1 | | 3 | 0.669 | 0.128 | 368.9 | | 4 | 0.386 | 0.017 | 305.5 | | 5 | 0.264 | 0.012 | 285.5 | ## In these collections - [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients) ## Other forms - [JSON](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.json?steps=32&angle=45) - [PNG](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.png?steps=32&angle=45) - [SVG](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.svg?steps=32&angle=45) - [CSS](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.css?steps=32&angle=45) - [ASE](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.ase?steps=32&angle=45) - [GPL](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.gpl?steps=32&angle=45) - [GRD](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.grd?steps=32&angle=45) - [Design tokens](https://grabient.com/kWSirOQzRA9UuyExBjhoYS9g.tokens.json?steps=32&angle=45) - [Social card](https://grabient.com/api/og?seed=kWSirOQzRA9UuyExBjhoYS9g&steps=32&angle=45) - [Palettes like this one](https://grabient.com/palettes?q=kWSirOQzRA9UuyExBjhoYS9g) - [Guide for agents](https://grabient.com/llms.txt)