Gradient #195
multi-stop-neon-garden
radial-multi-stop-neon-garden
Copy styles
Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#fce7f3_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#ec4899_40%,transparent)_0%,transparent_62%),linear-gradient(173deg,#fdf2f8_0%,#fce7f3_24%,#f9a8d4_50%,#ec4899_74%,#831843_100%)] border border-solid border-[color-mix(in_srgb,#831843_18%,transparent)] CSS3
.radial-multi-stop-neon-garden {
background-image:
radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #fce7f3 56%, transparent) 0%, transparent 58%),
radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #ec4899 40%, transparent) 0%, transparent 62%),
linear-gradient(173deg, #fdf2f8 0%, #fce7f3 24%, #f9a8d4 50%, #ec4899 74%, #831843 100%);
border: 1px solid color-mix(in srgb, #831843 18%, transparent);
}