Aubergine and blush hero section palette

This palette moves from dark purple through purple to light magenta. Linear gradient, 32 colors at 135°: #2c1373, #5d2597, #a040b2, #d064b9, #f28abf. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#2c1373
#2f1476
#34167a
#39187e
#3f1b83
#451d88
#4d208d
#542292
#5d2597
#65289c
#6e2ba1
#772ea5
#8031a9
#8835ac
#9138af
#983cb1
#a040b2
#a744b4
#ae49b5
#b54eb6
#bc53b7
#c359b8
#ca5fb8
#d064b9
#d66aba
#db70ba
#e075bb
#e57abc
#e97fbd
#ec83bd
#f087be
#f28abf

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.1502 284.77) 0.0%, oklch(30.80% 0.1518 286.04) 3.2%, oklch(31.86% 0.1540 287.60) 6.5%, oklch(33.09% 0.1568 289.40) 9.7%, oklch(34.46% 0.1599 291.42) 12.9%, oklch(35.96% 0.1633 293.62) 16.1%, oklch(37.56% 0.1669 295.97) 19.4%, oklch(39.25% 0.1705 298.44) 22.6%, oklch(40.99% 0.1742 301.00) 25.8%, oklch(42.78% 0.1777 303.61) 29.0%, oklch(44.59% 0.1810 306.24) 32.3%, oklch(46.39% 0.1839 308.86) 35.5%, oklch(48.17% 0.1864 311.43) 38.7%, oklch(49.91% 0.1884 313.93) 41.9%, oklch(51.59% 0.1897 316.32) 45.2%, oklch(53.18% 0.1902 318.58) 48.4%, oklch(54.69% 0.1899 320.69) 51.6%, oklch(56.24% 0.1887 322.84) 54.8%, oklch(57.85% 0.1867 325.03) 58.1%, oklch(59.48% 0.1840 327.26) 61.3%, oklch(61.14% 0.1808 329.50) 64.5%, oklch(62.80% 0.1772 331.73) 67.7%, oklch(64.45% 0.1732 333.93) 71.0%, oklch(66.06% 0.1689 336.08) 74.2%, oklch(67.63% 0.1646 338.17) 77.4%, oklch(69.14% 0.1603 340.17) 80.6%, oklch(70.57% 0.1560 342.06) 83.9%, oklch(71.91% 0.1520 343.82) 87.1%, oklch(73.13% 0.1484 345.44) 90.3%, oklch(74.23% 0.1452 346.90) 93.5%, oklch(75.19% 0.1425 348.16) 96.8%, oklch(75.98% 0.1406 349.23) 100.0%);

In these collections

Hero section gradients