Линейный градиент меняет цвет вдоль прямой оси, радиальный расходится от центра, а конический идёт вокруг центра. Сначала выберите геометрию: одни и те же два цвета могут создать полосу, световое пятно или круговой переход.
Ось или расстояние от центра
В linear-gradient() 0deg направлен вверх, 90deg вправо, 180deg вниз; цвета идут от первой точки к последней в этом направлении. radial-gradient(ellipse at 50% 50%, ...) помещает первую точку в центр блока и расширяет переход к конечному эллипсу. Координаты центра зависят от ширины и высоты блока: 25% 50% сдвигает центр влево, ничего не поворачивая.
Конический градиент следует углу, а не радиусу
В conic-gradient(from 0deg at 50% 50%, ...) начало находится над центром, а цвета идут по часовой стрелке. Точка 25% означает четверть оборота, а не четверть радиуса. Замена from 0deg на from 90deg поворачивает начало. Разные первый и последний цвета встречаются на заметном стыке; одинаковые замыкают цветовой переход.
Проверьте свойство в реальном контексте
Сохраните резервный background-color и CSS до перезагрузки: палитры не сохраняются. Проверьте целевые браузеры и размеры. Контраст текста проверяйте по всему видимому градиенту, а не в одной точке; предпросмотр не подтверждает доступность или совместимость.