Pattern by Juanes200122

1.container {
2  width: 100%;
3  height: 100%;
4  --s: 200px; /* control the size */
5  --c1: #414141;
6  --c2: #bebebe;
7  --c3: #ffffff;
8
9  background: repeating-conic-gradient(
10        from 30deg,
11        #0000 0 120deg,
12        var(--c3) 0 180deg
13      )
14      calc(0.5 * var(--s)) calc(0.5 * var(--s) * 0.577),
15    repeating-conic-gradient(
16      from 30deg,
17      var(--c1) 0 60deg,
18      var(--c2) 0 120deg,
19      var(--c3) 0 180deg
20    );
21  background-size: var(--s) calc(var(--s) * 0.577);
22}
23