html { --s: 120px; /* control the size */ --c1: #fc7d99; --c2: #f7d3d6; --_g: 80%,var(--c1) 25.4%,#0000 26%; background: radial-gradient(at 80% var(--_g)), radial-gradient(at 20% var(--_g)), conic-gradient(from -45deg at 50% 41%,var(--c1) 90deg,var(--c2) 0) calc(var(--s)/2) 0; background-size: var(--s) var(--s); }