gradient

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>gradient</title>
    <style>
      #root {
        width: 1920px;
        height: 1080px;
        background:
          radial-gradient(ellipse at 50% 50%, rgb(255 176 176 / 1) 0%, rgb(0 0 0 / 0) 69.55%) 1064px 139px / 600px 600px no-repeat, /* New Background (copy) (copy) */
          radial-gradient(ellipse at 50% 50%, rgb(191 165 229 / 1) 0%, rgb(0 0 0 / 0) 69.55%) 1391px 831px / 400px 400px no-repeat, /* New Background (copy) */
          radial-gradient(ellipse at 50% 50%, rgb(176 215 255 / 1) 0%, rgb(0 0 0 / 0) 69.55%) 328px 437px / 600px 600px no-repeat, /* New Background */
          radial-gradient(ellipse at 50% 50%, rgb(191 165 229 / 1) 6.92%, rgb(191 165 229 / 0) 58.48%) 0px 0px / 800px 800px no-repeat, /* New Background */
          linear-gradient(rgb(255 255 255 / 1), rgb(255 255 255 / 1)) 0px 0px / 1920px 1080px no-repeat; /* New Background */
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
Colors

Views

Code size

Layers

Explore

Community

Social
