Create an evenly spaced color stops with CSS Radial Gradients

CSS Web Development Front End Technology

Define at least two color stops to create an evenly spaced color stops with Radial Gradients with CSS:

Example

<!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>