Множественный градиент в CSS

Несколько цветов для градиента можно указать так:

	background: linear-gradient(45deg, #c50303 0%, #b7097f 20%, #7512b3 30%, #18169a 40%, #0d7299 50%, #149441 60%, #0f990d 70%, #50990d 80%, #a1c317 90%, #dea914 100%);

Вот как он будет выглядеть:

Можно также перечислить несколько градиентов через запятую:

	
background: linear-gradient(45deg, rgba(48, 42, 146, 0.66) 30%, rgba(181, 176, 10, 0.74) 100%),
linear-gradient(0deg, rgba(153, 13, 32, 0.54) 40%, rgba(13, 153, 24, 0.85) 80%), 
radial-gradient(at center, rgba(6, 6, 6, 0.58) 30%, #ffffff 60%); 

Вот что получится: