В Сафари есть такая проблема, которую даже называют «Прозрачный черный», это когда в градиенте есть переход от прозрачного к какому-нибудь цвету. Например:
linear-gradient(to bottom, transparent 0%, rgba(255,0,0,1) 100%)
Такой градиент в Сафари даст в середине нежелаемый серый цвет. Происходит это потому, что transparent Сафари понимает как абсолютно прозрачный _черный_. А переход от абсолютно прозрачного черного к красному будет через грязный серый. Чтобы результат был ожидаемый, нужно использовать переход от того же цвета, но с прозрачностью с помощью rgba() или hsla() функций. Красный в нашем случае:
linear-gradient(to bottom, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 100%);
Неправильный и правильный примеры:
https://jsfiddle.net/unmyeox5/1/
https://jsfiddle.net/unmyeox5/2/
Разница будет видна только в Сафари.
Живой пример есть уже довольно давно в чатике на Ютубе (кнопка действий справа от сообщения). Там не очень понятно, чего они хотели добиться. Но инспектор показывает, что в градиенте есть transparent, а в Хроме серого фона вообще не видно, поэтому, скорее всего, это какое-то побочное явление.
