3
Back

Gradient #44

rose-gold

radial-rose-gold

Copy styles

Tailwind
bg-[radial-gradient(125%_125%_at_80%_5%,rgba(251,146,60,0.18)_0%,rgba(244,114,182,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(145%_145%_at_20%_30%,rgba(255,228,230,0.92)_0%,rgba(253,230,232,0.78)_55%,rgba(248,187,208,0.85)_100%)] [backdrop-filter:blur(6px)] [-webkit-backdrop-filter:blur(6px)]
CSS3
.radial-rose-gold {

  background-image:
    radial-gradient(125% 125% at 80% 5%,
      rgba(251, 146, 60, 0.18) 0%,
      rgba(244, 114, 182, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(145% 145% at 20% 30%,
      rgba(255, 228, 230, 0.92) 0%,
      rgba(253, 230, 232, 0.78) 55%,
      rgba(248, 187, 208, 0.85) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}