CSS Stripey Backgrounds Made Easy

Recentemente, eu precisei criar um tema boostrap, não querendo adicionar elementos adicionais, eu precisei implementar um fundo listrado verticalmente. Aqui está o CSS:

background:
-webkit-linear-gradient(
left center
,
#F69087, #F69087 25%,
#85CCB1 25%, #85CCB1 50%,
#85A9B3 50%, #85A9B3 75%,
#B0CB7A 75%, #B0CB7A 100%);

Você também precisará de prefixos de fornecedores adicionais. Este é o resultado em navegadores modernos:

Cenário