3
Back

Gradient #242

mesh-neo-violetbay

radial-mesh-neo-violetbay

Copy styles

Tailwind
bg-[radial-gradient(58%_76%_at_10%_14%,#c4b5fd99_0%,#ffffff00_100%),radial-gradient(54%_78%_at_86%_14%,#f9a8d488_0%,#ffffff00_100%),radial-gradient(72%_96%_at_50%_90%,#7c3aed77_0%,#ffffff00_100%),linear-gradient(134deg,#f5f3ff_0%,#fdf2f8_52%,#db2777_100%)] border border-solid border-[rgba(109,40,217,0.22)]
CSS3
.radial-mesh-neo-violetbay {

  background-image:
    radial-gradient(58% 76% at 10% 14%, #c4b5fd99 0%, #ffffff00 100%),
    radial-gradient(54% 78% at 86% 14%, #f9a8d488 0%, #ffffff00 100%),
    radial-gradient(72% 96% at 50% 90%, #7c3aed77 0%, #ffffff00 100%),
    linear-gradient(134deg, #f5f3ff 0%, #fdf2f8 52%, #db2777 100%);
  border: 1px solid rgba(109, 40, 217, 0.22);
}