Tạo điểm dừng màu cách đều với CSS Radial Gradients

Định nghĩa ít nhất hai điểm dừng màu để tạo các điểm dừng màu cách đều với Radial Gradients trong CSS:

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <style>
      #demo {
        height: 100px;
        background: radial-gradient(orange, green, yellow);
      }
    </style>
  </head>
  <body>
    <h2>Radial Gradient</h2>
    <div id="demo">Radial Gradients</div><br>
  </body>
</html>