3
Back

Gradient #201

multi-stop-ruby-lagoon

radial-multi-stop-ruby-lagoon

Copy styles

Tailwind
bg-[radial-gradient(80%_90%_at_18%_16%,color-mix(in_srgb,#ecfccb_56%,transparent)_0%,transparent_58%),radial-gradient(72%_84%_at_84%_82%,color-mix(in_srgb,#65a30d_40%,transparent)_0%,transparent_62%),linear-gradient(239deg,#f7fee7_0%,#ecfccb_24%,#bef264_50%,#65a30d_74%,#365314_100%)] border border-solid border-[color-mix(in_srgb,#365314_18%,transparent)]
CSS3
.radial-multi-stop-ruby-lagoon {

  background-image:
    radial-gradient(80% 90% at 18% 16%, color-mix(in srgb, #ecfccb 56%, transparent) 0%, transparent 58%),
    radial-gradient(72% 84% at 84% 82%, color-mix(in srgb, #65a30d 40%, transparent) 0%, transparent 62%),
    linear-gradient(239deg, #f7fee7 0%, #ecfccb 24%, #bef264 50%, #65a30d 74%, #365314 100%);
  border: 1px solid color-mix(in srgb, #365314 18%, transparent);
}