CSS3 Линейный градиент - несколько цветов
3 остановки цвета (равномерно расположенные):
7 цветовых остановок (равномерно расположенных):
3 остановки цвета (не равномерно расположенные):
Примечание: Прекращение цвета автоматически распределяются равномерно, если проценты не указаны.
Примечание: Internet Explorer 9 и более ранние версии не поддерживают градиенты.