Cyan blossom violet diagonal

Muted rainbow from blue to purple color palette

Linear gradient, 48 colors at 135°: #6d5ba5, #00afcd, #bdcf69, #c98579, #6c5c73. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#6d5ba5
#6b5faa
#6864af
#6569b4
#616fba
#5b76c0
#557dc5
#4c85ca
#428dcd
#3596d0
#239fd1
#02a8d1
#00afcd
#00b7c9
#00bfc4
#00c6be
#20ccb6
#3ed0ad
#56d4a3
#6cd698
#80d78e
#93d683
#a3d579
#b1d271
#bdcf69
#c8ca63
#d0c45e
#d7bd5c
#dcb65c
#dfae5e
#e0a761
#de9f66
#db986b
#d79170
#d18a75
#c98579
#c17f7d
#b87a7f
#ae7681
#a57281
#9c6e81
#936b80
#8a677e
#83657c
#7c6279
#766077
#705e75
#6c5c73

CSS

background: linear-gradient(135deg in oklch, oklch(52.36% 0.1144 293.20) 0.0%, oklch(53.10% 0.1148 289.23) 2.1%, oklch(54.03% 0.1155 284.65) 4.3%, oklch(55.13% 0.1163 279.53) 6.4%, oklch(56.40% 0.1173 273.89) 8.5%, oklch(57.79% 0.1185 267.78) 10.6%, oklch(59.30% 0.1197 261.24) 12.8%, oklch(60.90% 0.1210 254.31) 14.9%, oklch(62.57% 0.1224 247.04) 17.0%, oklch(64.30% 0.1238 239.46) 19.1%, oklch(66.05% 0.1252 231.61) 21.3%, oklch(67.81% 0.1266 223.55) 23.4%, oklch(69.56% 0.1231 215.31) 25.5%, oklch(71.27% 0.1222 206.93) 27.7%, oklch(72.92% 0.1240 198.44) 29.8%, oklch(74.50% 0.1287 189.90) 31.9%, oklch(75.99% 0.1319 181.35) 34.0%, oklch(77.35% 0.1325 172.83) 36.2%, oklch(78.58% 0.1329 164.37) 38.3%, oklch(79.64% 0.1330 156.03) 40.4%, oklch(80.53% 0.1328 147.83) 42.6%, oklch(81.21% 0.1323 139.83) 44.7%, oklch(81.67% 0.1315 132.07) 46.8%, oklch(81.88% 0.1303 124.58) 48.9%, oklch(81.83% 0.1287 117.33) 51.1%, oklch(81.51% 0.1266 109.91) 53.2%, oklch(80.94% 0.1240 102.27) 55.3%, oklch(80.15% 0.1210 94.44) 57.4%, oklch(79.15% 0.1176 86.48) 59.6%, oklch(77.97% 0.1139 78.40) 61.7%, oklch(76.63% 0.1099 70.26) 63.8%, oklch(75.15% 0.1056 62.08) 66.0%, oklch(73.55% 0.1011 53.90) 68.1%, oklch(71.85% 0.0965 45.75) 70.2%, oklch(70.08% 0.0917 37.69) 72.3%, oklch(68.25% 0.0869 29.73) 74.5%, oklch(66.39% 0.0821 21.92) 76.6%, oklch(64.53% 0.0772 14.29) 78.7%, oklch(62.67% 0.0725 6.88) 80.9%, oklch(60.84% 0.0678 359.73) 83.0%, oklch(59.07% 0.0633 352.87) 85.1%, oklch(57.38% 0.0590 346.34) 87.2%, oklch(55.78% 0.0550 340.17) 89.4%, oklch(54.30% 0.0512 334.41) 91.5%, oklch(52.96% 0.0478 329.08) 93.6%, oklch(51.78% 0.0447 324.23) 95.7%, oklch(50.79% 0.0421 319.89) 97.9%, oklch(50.00% 0.0400 316.10) 100.0%);

In these collections

Jacaranda first bloom