Analogous maroon, red and pink radial gradient

Analogous maroon, red and pink color palette

Radial gradient, 4 colors: #3f0d22, #bf123d, #fc7185, #fff1f2. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#3f0d22
#bf123d
#fc7185
#fff1f2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(25.59% 0.0799 358.59) 0.0%, oklch(51.57% 0.1984 16.56) 33.3%, oklch(72.05% 0.1695 13.39) 66.7%, oklch(96.85% 0.0152 12.33) 100.0%);

In these collections

Hero section gradients