<html>
<head>
<style>
#grad {
height: 100px;
width: 100px;
background: repeating-conic-gradient(
blue 0deg, blue 90deg,
orange 0deg, orange 180deg
);
}
</style>
</head>
<body>
<div id="grad"></div>
</body>
</html>