Mauve slate pearl ribbons

Analogous blue, lavender and gray color palette

Linear gradient, 40 colors at 135°: #2259af, #bc95b3, #5b5d78, #ece0de, #5e7d93. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#2259af
#375bb2
#4e60b6
#6566b9
#7c6dba
#9175ba
#a27db9
#af86b8
#b88eb6
#bd93b5
#bc95b3
#b693b0
#ab8daa
#9d85a3
#8d7b9a
#7d7191
#6d6888
#616180
#595c79
#565b77
#5b5d78
#67657e
#797188
#8d8193
#a393a1
#b8a7af
#cbbabe
#dacbcc
#e6d9d8
#ece0de
#ede0df
#e8d9db
#dfced3
#d2c0cb
#c0b1c3
#aba3ba
#9496b1
#7e8ba6
#6b839c
#5e7d93

CSS

background: linear-gradient(135deg in oklch, oklch(47.64% 0.1502 259.45) 0.0%, oklch(49.33% 0.1446 264.67) 2.6%, oklch(51.80% 0.1369 272.17) 5.1%, oklch(54.82% 0.1277 281.30) 7.7%, oklch(58.14% 0.1174 291.38) 10.3%, oklch(61.54% 0.1066 301.76) 12.8%, oklch(64.79% 0.0958 311.75) 15.4%, oklch(67.66% 0.0854 320.70) 17.9%, oklch(69.90% 0.0760 327.94) 20.5%, oklch(71.30% 0.0681 332.80) 23.1%, oklch(71.61% 0.0621 334.59) 25.6%, oklch(70.46% 0.0577 332.53) 28.2%, oklch(68.08% 0.0545 327.19) 30.8%, oklch(64.81% 0.0524 319.53) 33.3%, oklch(61.05% 0.0509 310.49) 35.9%, oklch(57.16% 0.0499 301.02) 38.5%, oklch(53.51% 0.0490 292.07) 41.0%, oklch(50.48% 0.0482 284.58) 43.6%, oklch(48.43% 0.0470 279.50) 46.2%, oklch(47.75% 0.0453 277.78) 48.7%, oklch(48.82% 0.0427 280.47) 51.3%, oklch(51.83% 0.0394 288.34) 53.8%, oklch(56.37% 0.0355 300.23) 56.4%, oklch(61.97% 0.0313 314.83) 59.0%, oklch(68.17% 0.0270 330.79) 61.5%, oklch(74.48% 0.0230 346.79) 64.1%, oklch(80.45% 0.0194 1.49) 66.7%, oklch(85.59% 0.0165 13.55) 69.2%, oklch(89.45% 0.0145 21.65) 71.8%, oklch(91.54% 0.0138 24.44) 74.4%, oklch(91.56% 0.0145 20.83) 76.9%, oklch(89.84% 0.0167 11.38) 79.5%, oklch(86.76% 0.0201 357.39) 82.1%, oklch(82.68% 0.0244 340.12) 84.6%, oklch(77.95% 0.0292 320.85) 87.2%, oklch(72.96% 0.0342 300.87) 89.7%, oklch(68.05% 0.0391 281.45) 92.3%, oklch(63.59% 0.0435 263.88) 94.9%, oklch(59.95% 0.0471 249.43) 97.4%, oklch(57.48% 0.0496 239.37) 100.0%);

In these collections

Blue and mauve gradients