Dusk blue lilac and blush gradient

Deep dusk blue transitions diagonally through muted periwinkle and soft lilac into pale blush and warm cream. Linear gradient, 32 colors at 135°: #1e3044, #45608a, #7f86b6, #c1acd0, #efe0ce. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1e3044
#20344a
#243951
#283f5a
#2d4564
#324c6e
#385379
#3f5a82
#45608a
#4b6591
#526a97
#586e9d
#5f73a3
#6677a8
#6e7cad
#7681b1
#7f86b6
#878bbb
#9091c0
#9996c4
#a39cc8
#aca2cc
#b7a7ce
#c1acd0
#ccb1cf
#d8b7cd
#e1bdca
#e8c5c7
#eccdc6
#eed4c8
#efdbcb
#efe0ce

CSS

background: linear-gradient(135deg in oklch, oklch(30.31% 0.0441 251.72) 0.0%, oklch(31.76% 0.0469 252.24) 3.2%, oklch(33.72% 0.0508 252.87) 6.5%, oklch(36.05% 0.0556 253.61) 9.7%, oklch(38.62% 0.0607 254.48) 12.9%, oklch(41.29% 0.0657 255.49) 16.1%, oklch(43.92% 0.0702 256.66) 19.4%, oklch(46.38% 0.0739 257.99) 22.6%, oklch(48.54% 0.0763 259.51) 25.8%, oklch(50.50% 0.0777 261.07) 29.0%, oklch(52.36% 0.0784 262.70) 32.3%, oklch(54.15% 0.0785 264.46) 35.5%, oklch(55.90% 0.0782 266.42) 38.7%, oklch(57.64% 0.0774 268.67) 41.9%, oklch(59.42% 0.0764 271.28) 45.2%, oklch(61.25% 0.0751 274.32) 48.4%, oklch(63.18% 0.0736 277.73) 51.6%, oklch(65.19% 0.0717 280.84) 54.8%, oklch(67.25% 0.0693 283.90) 58.1%, oklch(69.34% 0.0666 287.28) 61.3%, oklch(71.44% 0.0637 291.36) 64.5%, oklch(73.51% 0.0606 296.52) 67.7%, oklch(75.53% 0.0575 303.14) 71.0%, oklch(77.48% 0.0545 311.62) 74.2%, oklch(79.40% 0.0514 322.85) 77.4%, oklch(81.40% 0.0479 337.69) 80.6%, oklch(83.42% 0.0442 354.94) 83.9%, oklch(85.39% 0.0405 13.31) 87.1%, oklch(87.24% 0.0369 31.53) 90.3%, oklch(88.89% 0.0337 48.30) 93.5%, oklch(90.28% 0.0310 62.36) 96.8%, oklch(91.34% 0.0289 72.42) 100.0%);

In these collections

Wilderkind