red Patterns

You can download the pattern or use the CSS3 code below (you can copy the text).
body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image:
linear-gradient(90deg, rgba(255,0,0,.4) 0%, rgba(255,0,0,.4) 20%, rgba(200,200,200,.6) 20%, rgba(200,200,200,.6) 30%, rgba(255,0,0,.4) 30%, rgba(255,0,0,.4) 50%, transparent 50%),
linear-gradient(180deg, rgba(255,0,0,.4) 0%, rgba(255,0,0,.4) 20%, rgba(200,200,200,.6) 20%, rgba(200,200,200,.6) 30%, rgba(255,0,0,.4) 30%, rgba(255,0,0,.4) 50%, transparent 50%);
background-color: green;
background-size: 60px 60px;
}


You can download the pattern or use the CSS3 code below (you can copy the text).
body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image: radial-gradient(
circle,#c00 2%,white 5%,white 10%,#c00 12%,white 15%,white 20%,#c00 22%,white 25%,white 30%,#c00 32%,white 35%,white 40%,#c00 42%,white 45%,white 50%,#c00 52%,white 55%,white 60%,#c00 64%,#f00 65%);
background-size: 100px 100px;
background-color: #fff;
}


You can download the pattern or use the CSS3 code below (you can copy the text).
body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image:
linear-gradient(45deg,transparent calc(50% - .8px),#283618 50%,transparent calc(50% + .8px),transparent 100%),
linear-gradient(-45deg,transparent calc(50% - .8px),#283618 50%,transparent calc(50% + .8px),transparent 100%),
conic-gradient(from -135deg at 49.5% 100%, #f6d4ba 90deg, transparent 0 100%),
conic-gradient(from 45deg at 49.5% 100%, #f6d4ba 90deg, transparent 0 100%),
conic-gradient(from -45deg at 100% 49.5%, #f6d4ba 90deg, transparent 0 100%),
conic-gradient(from -45deg at 0% 49.5%, #f6d4ba 90deg, transparent 0 100%);
background-color: #d1495b;
background-size: 120px 120px;
}


You can download the pattern or use the CSS3 code below (you can copy the text).
body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image:
linear-gradient(-45deg, #901520 47%, white 50%, transparent 51%),
linear-gradient(-315deg, #901520 47%, white 50%, transparent 51%);
background-color: #901520;
background-size: 60px 60px;
}


You can download the pattern or use the CSS3 code below (you can copy the text).
body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image: linear-gradient(45deg, red, pink 100%, transparent, red);
background-color: red;
background-size: 80px 80px;
}