CSS cглаживание цветов в Background
 

Здравствуйте.

Имеем фон

background: radial-gradient(
rgb(9,7,17) 0%,
rgb(9,7,17) 230px,
rgb(0,0,0) 75%,
rgb(0,0,0) 100%);

Практически во всех браузерах переход между цветами отображается плавный, сглаженый. Только в FireFox переход между цветами коряво показывает, как-то ступенчато. Конечно можно вместо кода цвета нарисовать в фотошопе gif и делов, но это добавит вес( не хоелось бы). Подскажите пожалуйста, как то можно средствами CSS сгладить фон background, чтоб переход между цветами был сглаженый, плавный ?

Fesali,
На глянцевом дисплее вообще не вижу никаких переходов.

у меня тоже глянцевый монитор. Между переходами цветов полосы, только в Файрфокс https://codepen.io/fesali/pen/oGLdoR Как его сгладить?

Fesali, мне б такое зрение:blink:

ну там же переход от темно синего в черный, прям полосы между цветами, как бы ступеньками. ппц что делать (этот баян только в Фаерфоксе)

Fesali,
да во всех браузерах ступеньки с этим цветом https://jsfiddle.net/d20uyggs/, ну подбери более безопасный цвет, поменяй циферки пока сглаживание не появится.

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