Gradient #327

noise-overlay-rosegrain

radial-noise-overlay-rosegrain

Copy styles

Tailwind

bg-[repeating-linear-gradient(284deg,rgb(255_255_255_/_0.24)_0_12px,rgb(255_255_255_/_0)_12px_18px),linear-gradient(230deg,hsl(178_92%_82%)_0%,hsl(304_86%_62%)_52%,hsl(44_80%_40%)_100%)]

CSS3

.radial-noise-overlay-rosegrain {

  background-image:
    repeating-linear-gradient(284deg, rgb(255 255 255 / 0.24) 0 12px, rgb(255 255 255 / 0) 12px 18px),
    linear-gradient(230deg, hsl(178 92% 82%) 0%, hsl(304 86% 62%) 52%, hsl(44 80% 40%) 100%);
}