diamond background css

Question

Hej.

Mam taki kod wygenerowany na stronie magicgradient

background-image:linear-gradient(135deg, rgba(225, 225, 225, 0.46) 0%, rgba(225, 225, 225, 0.46) 14.286%,rgba(192, 192, 192, 0.46) 14.286%, rgba(192, 192, 192, 0.46) 28.572%,rgba(159, 159, 159, 0.46) 28.572%, rgba(159, 159, 159, 0.46) 42.858%,rgba(127, 127, 127, 0.46) 42.858%, rgba(127, 127, 127, 0.46) 57.144%,rgba(94, 94, 94, 0.46) 57.144%, rgba(94, 94, 94, 0.46) 71.43%,rgba(61, 61, 61, 0.46) 71.43%, rgba(61, 61, 61, 0.46) 85.716%,rgba(28, 28, 28, 0.46) 85.716%, rgba(28, 28, 28, 0.46) 100.002%),linear-gradient(45deg, rgb(13, 13, 13) 0%, rgb(13, 13, 13) 14.286%,rgb(50, 50, 50) 14.286%, rgb(50, 50, 50) 28.572%,rgb(86, 86, 86) 28.572%, rgb(86, 86, 86) 42.858%,rgb(123, 123, 123) 42.858%, rgb(123, 123, 123) 57.144%,rgb(160, 160, 160) 57.144%, rgb(160, 160, 160) 71.43%,rgb(196, 196, 196) 71.43%, rgb(196, 196, 196) 85.716%,rgb(233, 233, 233) 85.716%, rgb(233, 233, 233) 100.002%);

Fajnie wygląda to tło, gdy div ma np. 1000px na 1000px. Ale mam podstronę z bardzo długim backgroundem i wtedy tło się bardzo rozjeżdża przez to, że są tu te procenty.

I teraz, pozmienianie procentów na piksele jeszcze bardziej popsuło tło, zniknęły diamenciki. 

Jak można to zmienić, aby te diamenty zawsze miały stałą wielkość?