Cobalt blue and coral jacaranda first bloom

The Cobalt blue and coral jacaranda first bloom brings together blue, magenta, red, and light red. Radial gradient, 32 colors: #569ee0, #6775b0, #a06a81, #cf8284, #d5b0b3. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#569ee0
#559add
#5495d9
#538fd3
#5489cd
#5783c7
#5c7ec1
#6279b9
#6775b0
#6d72a8
#726fa1
#796c9c
#816a96
#896990
#92688a
#996885
#a06a81
#a76c7f
#b06e7e
#b8717e
#c0747e
#c6787f
#cb7d81
#cf8284
#d38788
#d68d8d
#d89393
#d99999
#d8a0a1
#d7a7a8
#d6acae
#d5b0b3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.1226 248.20) 0.0%, oklch(67.09% 0.1220 249.45) 3.2%, oklch(65.61% 0.1214 251.03) 6.5%, oklch(63.93% 0.1204 253.09) 9.7%, oklch(62.25% 0.1185 255.76) 12.9%, oklch(60.83% 0.1151 259.18) 16.1%, oklch(59.68% 0.1095 263.26) 19.4%, oklch(58.60% 0.1014 267.80) 22.6%, oklch(57.65% 0.0924 273.04) 25.8%, oklch(56.89% 0.0839 279.24) 29.0%, oklch(56.39% 0.0773 286.64) 32.3%, oklch(56.21% 0.0736 295.85) 35.5%, oklch(56.29% 0.0718 307.51) 38.7%, oklch(56.60% 0.0713 320.35) 41.9%, oklch(57.13% 0.0720 333.00) 45.2%, oklch(57.85% 0.0735 344.08) 48.4%, oklch(58.75% 0.0758 352.47) 51.6%, oklch(59.94% 0.0801 359.03) 54.8%, oklch(61.34% 0.0856 4.26) 58.1%, oklch(62.86% 0.0910 8.45) 61.3%, oklch(64.38% 0.0951 11.91) 64.5%, oklch(65.83% 0.0967 14.88) 67.7%, oklch(67.29% 0.0967 17.01) 71.0%, oklch(68.77% 0.0955 18.30) 74.2%, oklch(70.25% 0.0930 18.96) 77.4%, oklch(71.69% 0.0894 19.21) 80.6%, oklch(73.06% 0.0845 19.23) 83.9%, oklch(74.46% 0.0771 18.66) 87.1%, oklch(75.88% 0.0676 17.50) 90.3%, oklch(77.21% 0.0576 16.10) 93.5%, oklch(78.33% 0.0488 14.81) 96.8%, oklch(79.13% 0.0427 13.96) 100.0%);

In these collections

Cape daisy sea breeze Jacaranda first bloom