Conic gradient

by schrodingers

HTML

<div>

</div>

CSS

body {
  box-sizing: border-box;
  overflow: hidden;
  min-height: 100vh; /* height of the browser viewport */
  display: flex;
  justify-content: center;
  align-items: center;
}
div {
  width: 7rem;
  height: 7rem;
  position: absolute;
  background: conic-gradient(
    #fd004c,
    #fe9000,
    #fff020,
    #3edf4b,
    #3363ff,
    #b102b7,
    #fd004c);
  border-radius: 50%;
}