Analogous pink and dark purple linear swatches

Linear swatches, 32 colors at 180°: #bc4a87, #9d3472, #761c58, #500f3f, #300728. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

• #bc4a87
• #b94985
• #b64683
• #b34481
• #af417e
• #ab3e7b
• #a73b78
• #a23875
• #9d3472
• #98316f
• #932e6b
• #8e2a68
• #892765
• #842461
• #7f215e
• #7b1e5b
• #761c58
• #711a54
• #6c1851
• #66164d
• #61144a
• #5b1246
• #551142
• #500f3f
• #4b0e3b
• #460c38
• #410b34
• #3d0a31
• #39092e
• #35082c
• #320729
• #300728

CSS

background: linear-gradient(180deg, oklch(57.87% 0.1598 350.16) 0.000% 3.125%, oklch(57.23% 0.1592 349.97) 3.125% 6.250%, oklch(56.46% 0.1586 349.75) 6.250% 9.375%, oklch(55.57% 0.1579 349.50) 9.375% 12.500%, oklch(54.57% 0.1573 349.22) 12.500% 15.625%, oklch(53.48% 0.1565 348.92) 15.625% 18.750%, oklch(52.32% 0.1557 348.59) 18.750% 21.875%, oklch(51.10% 0.1548 348.25) 21.875% 25.000%, oklch(49.83% 0.1537 347.88) 25.000% 28.125%, oklch(48.52% 0.1525 347.51) 28.125% 31.250%, oklch(47.19% 0.1512 347.12) 31.250% 34.375%, oklch(45.86% 0.1498 346.72) 34.375% 37.500%, oklch(44.53% 0.1481 346.31) 37.500% 40.625%, oklch(43.23% 0.1462 345.90) 40.625% 43.750%, oklch(41.96% 0.1441 345.49) 43.750% 46.875%, oklch(40.74% 0.1418 345.08) 46.875% 50.000%, oklch(39.57% 0.1392 344.66) 50.000% 53.125%, oklch(38.34% 0.1361 344.21) 53.125% 56.250%, oklch(37.06% 0.1325 343.72) 56.250% 59.375%, oklch(35.74% 0.1285 343.20) 59.375% 62.500%, oklch(34.39% 0.1242 342.66) 62.500% 65.625%, oklch(33.02% 0.1196 342.10) 65.625% 68.750%, oklch(31.67% 0.1150 341.54) 68.750% 71.875%, oklch(30.33% 0.1102 340.98) 71.875% 75.000%, oklch(29.02% 0.1055 340.43) 75.000% 78.125%, oklch(27.76% 0.1009 339.90) 78.125% 81.250%, oklch(26.56% 0.0964 339.39) 81.250% 84.375%, oklch(25.44% 0.0923 338.91) 84.375% 87.500%, oklch(24.42% 0.0885 338.47) 87.500% 90.625%, oklch(23.50% 0.0851 338.08) 90.625% 93.750%, oklch(22.71% 0.0822 337.75) 93.750% 96.875%, oklch(22.05% 0.0799 337.48) 96.875% 100.000%);

In these collections

Sunset gradientsPink gradientsShade swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works