Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
#grad1 {
  height: 200px;
  width: 200px;
  background-image: repeating-radial-gradient(red 0% 10%, yellow 11% 21%, green 22% 32%);
}
</style>
</head>
<body>
<h1>Repeating Radial Gradient - two-position color stops</h1>
<div id="grad1"></div>
</body>
</html>