Indigo Background 2

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Indigo Background 2</title>
    <style>
      #root {
        width: 1920px;
        height: 1080px;
        background:
          radial-gradient(ellipse at 0% 50%, rgb(2 7 23 / 1) 0%, rgb(2 7 23 / 0.62) 31.6%, rgb(2 7 23 / 0) 65.97%) 0px 0px / 1920px 1080px no-repeat, /* Bottom Left */
          radial-gradient(ellipse at 0% 100%, rgb(76 74 194 / 1) 0%, rgb(76 74 194 / 0.85) 4.17%, rgb(76 74 194 / 0.48) 13.89%, rgb(76 74 194 / 0.32) 20.49%, rgb(76 74 194 / 0.14) 31.25%, rgb(76 74 194 / 0) 45.49%) 0px 0px / 1920px 1080px no-repeat, /* Bottom Left */
          radial-gradient(circle at 100% 50%, rgb(2 7 23 / 1) 0%, rgb(2 7 23 / 0.53) 14.24%, rgb(2 7 23 / 0) 28.13%) 0px 0px / 1920px 1080px no-repeat, /* Mid Right */
          radial-gradient(ellipse at 100% 0%, rgb(76 74 194 / 1) 0%, rgb(76 74 194 / 0.73) 8.33%, rgb(76 74 194 / 0.51) 15.28%, rgb(76 74 194 / 0.18) 37.5%, rgb(76 74 194 / 0) 54.86%) 0px 0px / 1920px 1080px no-repeat, /* Top Right */
          linear-gradient(rgb(2 7 23 / 1), rgb(2 7 23 / 1)) 0px 0px / 1920px 1080px no-repeat; /* Background */
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
Forked from

Colors

Views

Code size

Layers

Explore

Community

Social
