Создать градиент на div css3

Question

Мне нужно создать градиент, который будет в нижней части элемента и выглядеть следующим образом

Я пробовал вот так

.div-with-shadow {
  padding-bottom: 1.4285714286rem;
  border-bottom: solid 0.0714285714rem rgba(0, 0, 143, 0.05);
  box-shadow: inset 0 -3.5714285714rem 3.5714285714rem -3.5714285714rem #e9e9fd;
}

<div class="div-with-shadow"></div>

Но это не выглядит одинаково, это должен быть какой-то градиент, а не граница, любой может мне помочь, спасибо