Gradient #226
multi-stop-sakura-blend
radial-multi-stop-sakura-blend
Copy styles
Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#dbeafe_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#38bdf8_40%,transparent)_0%,transparent_62%),linear-gradient(154deg,#f8fafc_0%,#dbeafe_24%,#93c5fd_50%,#38bdf8_74%,#0f766e_100%)] border border-solid border-[color-mix(in_srgb,#0f766e_18%,transparent)] CSS3
.radial-multi-stop-sakura-blend {
background-image:
radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #dbeafe 56%, transparent) 0%, transparent 58%),
radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #38bdf8 40%, transparent) 0%, transparent 62%),
linear-gradient(154deg, #f8fafc 0%, #dbeafe 24%, #93c5fd 50%, #38bdf8 74%, #0f766e 100%);
border: 1px solid color-mix(in srgb, #0f766e 18%, transparent);
}