Получить градиент с фото

Question

Есть фотка с градиентом, мне необходимо получить CSS градиент. Можете помочь с этим? Есть ли инструменты для этого? (В макете вставлена именно фотка)

Методом тыка я смог получить градиент, но он не особо похож. (В сниппете он почему-то не правильно отображается)

body
{
  background: linear-gradient(-35deg, #7889B0  0%, #7FA9D0 75%, #CACFCC 100%);
}

Необходимый градиент:

Answer 1

Background gradient отображается как-то корявенько.. Можно что-то подобное еще с background-img попробовать сделать там вроде нет таких коллизий..

.a {
  width: 500px;
  height: 280px;
  background: -webkit-radial-gradient(10% 15%, #E7DECA, #77baca 47%, #607bb1 90%);
  filter: blur(0.5px);
}

.a::before {
  content: '';
  width: 500px;
  height: 280px;
  position: absolute;
  background: -webkit-radial-gradient(98% 75%, transparent, #77baca 47%, transparent 95%);
  filter: blur(3px);
}

.a::after {
  content: '';
  width: 500px;
  height: 280px;
  position: absolute;
  background: -webkit-radial-gradient(-60% 100%, #607bb1 1%, transparent 50%, transparent 66%);
  filter: blur(3px);
}

<div class='a'></div>

БЛОГ НА HUSL

Получить градиент с фото

Ответы (1 шт):