3
Back

Gradient #47

night-silk

radial-night-silk

Copy styles

Tailwind
bg-[radial-gradient(130%_130%_at_60%_0%,rgba(99,102,241,0.18)_0%,rgba(59,130,246,0.12)_35%,rgba(255,255,255,0)_70%),radial-gradient(150%_150%_at_30%_25%,rgba(224,231,255,0.92)_0%,rgba(199,210,254,0.75)_55%,rgba(165,180,252,0.85)_100%)] [backdrop-filter:blur(8px)] [-webkit-backdrop-filter:blur(8px)]
CSS3
.radial-night-silk {

  background-image:
    radial-gradient(130% 130% at 60% 0%,
      rgba(99, 102, 241, 0.18) 0%,
      rgba(59, 130, 246, 0.12) 35%,
      rgba(255, 255, 255, 0) 70%),
    radial-gradient(150% 150% at 30% 25%,
      rgba(224, 231, 255, 0.92) 0%,
      rgba(199, 210, 254, 0.75) 55%,
      rgba(165, 180, 252, 0.85) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}