Вопрос по векторной графике и переходи от одного цвета к другому (градиент)

Вообще-то наоборот. Растр - это когда кубики при приближении изображения, фото, а вектор это чисто цифровой вариант, там потолка нет. Сравните работы в в Фотошопе и Кореле)) Градиент в векторе абсолютен. В растре - можете попиксельно окрашивать переходи, по цветам, размер файла не измениться, разве что сами решите увеличить dpi, например.

Градиент невозможно описать в виде многоугольника или в виде окружности/кривой, на чем основана векторная графика.
В растровом файле размер не может не можжет увеличится, т. к он и так имеет максимальный размер при заданном разрешении и глубине цвета. Это касается наверное сжатых файлов типа JPG, размер которых зависит от количества цветов. В градиентах их очень много.

"при добавлении цвета в растровом изображении, там размер файла также меняется " - ошибка.
Вам нужно понять суть векторной и растровой графики, она принципиально разная. Та-же Википедия раскроет детали, а если очень коротко, то все выглядит так: растровая - это мозаика, а векторная - графики математических функций. Отсюда и разница в размере файла: размер растрового файла задается количеством элементов мозаики и глубиной цвета, а какого цвета один элемент (пиксель), не имеет значения, поэтому размер файла не меняется от характера изображения. В случае с векторной графикой все меняется: чем сложнее картинка, тем больше в ней математических уравнений, тем больше памяти они занимают.

Обычный градиент. Сама графика просто по-другому устроена.