плоский круг на css

чтобы вычислить цвет градиента, можно воспользоваться готовым генератором цветов

чтоб сделать овальную форму // еще пример с пояснениями

Чтобы превратить прямоугольник в эллипс, установим для свойства border-radius высокое значение (от 50% до 100%). Это свойство отвечает за округление углов фигуры. Высота прямоугольника станет малой осью эллипса, а ширина — большой осью.

.oval {
  width: 300px;
  height: 150px;
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,70,121,1) 35%, rgba(0,212,255,1) 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

<div class="oval"></div>