3
Back

Gradient #216

multi-stop-lilac-reverb

radial-multi-stop-lilac-reverb

Copy styles

Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#ede9fe_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#a78bfa_40%,transparent)_0%,transparent_62%),linear-gradient(44deg,#faf5ff_0%,#ede9fe_24%,#c4b5fd_50%,#a78bfa_74%,#581c87_100%)] border border-solid border-[color-mix(in_srgb,#581c87_18%,transparent)]
CSS3
.radial-multi-stop-lilac-reverb {

  background-image:
    radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #ede9fe 56%, transparent) 0%, transparent 58%),
    radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #a78bfa 40%, transparent) 0%, transparent 62%),
    linear-gradient(44deg, #faf5ff 0%, #ede9fe 24%, #c4b5fd 50%, #a78bfa 74%, #581c87 100%);
  border: 1px solid color-mix(in srgb, #581c87 18%, transparent);
}