В итоге данный рисунок у меня получился таким в пиксель-арте:
Вы можете увидеть странные переходы из одного цвета в другой цвет:
Это так называемый дизеринг. Дизеринг – это способ передать градиент в пиксель-арте.
Видов дизеринга существует очень много и постоянно появляются новые виды. Также нет определенных правил при создании дизеринга. Здесь мы просто рассмотрим самые часто используемые виды.
Т.е. чтобы сделать плавный переход, лучше использовать по нарастающей – 10%, 30% (здесь дизеринг похож на изображения плюсиков) и т.д.
Наглядный пример, как используются разные плотности дизеринга вы можете посмотреть здесь:
В своем примере я сперва начал с 30% дизеринга, где идут линии одного цвета пикселей, которые повторяются через 1 пиксель и через 3 пикселя, а потом еще нарисовал линию, где пиксель одного цвета повторяется также через 3.
Затем я их зеркально отразил их в противоположном цвете.
Как я говорил, нет определенных правил как рисовать дизеринг, и есть разные, все возможные варианты.
Ваша главная задача, передать градиент, а как вы будете это делать, какой вид дизеринга применять, или вы придумайте свой вид, не важно.