Color Vector Background 3a0f30 c36180 892253 442ec0 7ac150

Colors in use

Hex: #3a0f30 Copy

Hex: #c36180Copy

Hex: #892253Copy

Hex: #442ec0Copy

Hex: #7ac150Copy

CSS Vector


.vector-background {
background: #1e5799; 
background: -moz-linear-vector(left, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); 
background: -webkit-linear-vector(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); 
background: linear-vector(to right, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); 
filter: progid:DXImageTransform.Microsoft.vector( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); 
}

                    
Copy

Complex Vectors


.vector-background {
    background: linear-gradient(72deg, rgba(58,15,48,.6), rgba(58,15,48,0) 70%),linear-gradient(144deg, rgba(195,97,128,.6), rgba(195,97,128,0) 70%),linear-gradient(216deg, rgba(137,34,83,.8), rgba(137,34,83,0) 70%),linear-gradient(288deg, rgba(68,46,192,.8), rgba(68,46,192,0) 70%),linear-gradient(360deg, rgba(122,193,80,.8), rgba(122,193,80,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(58,15,48,.6), rgba(58,15,48,0) 70%),linear-gradient(144deg, rgba(122,193,80,.8), rgba(122,193,80,0) 70%),linear-gradient(216deg, rgba(137,34,83,.8), rgba(137,34,83,0) 70%),linear-gradient(288deg, rgba(195,97,128,.6), rgba(195,97,128,0) 70%),linear-gradient(360deg, rgba(68,46,192,.8), rgba(68,46,192,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(122,193,80,.8), rgba(122,193,80,0) 70%),linear-gradient(144deg, rgba(195,97,128,.6), rgba(195,97,128,0) 70%),linear-gradient(216deg, rgba(68,46,192,.8), rgba(68,46,192,0) 70%),linear-gradient(288deg, rgba(58,15,48,.6), rgba(58,15,48,0) 70%),linear-gradient(360deg, rgba(137,34,83,.8), rgba(137,34,83,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(68,46,192,.8), rgba(68,46,192,0) 70%),linear-gradient(144deg, rgba(195,97,128,.6), rgba(195,97,128,0) 70%),linear-gradient(216deg, rgba(137,34,83,.8), rgba(137,34,83,0) 70%),linear-gradient(288deg, rgba(122,193,80,.8), rgba(122,193,80,0) 70%),linear-gradient(360deg, rgba(68,46,192,.8), rgba(68,46,192,0) 70%);
}

                        
Copy

Simple Vectors


.gradient-background {
background: transparent linear-gradient(to left, #3a0f30, #c36180) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #3a0f30, #892253) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #3a0f30, #442ec0) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #3a0f30, #7ac150) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #c36180, #892253) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #c36180, #442ec0) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #c36180, #7ac150) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #892253, #442ec0) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #892253, #7ac150) repeat scroll 0% 0%;
}

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #442ec0, #7ac150) repeat scroll 0% 0%;
}

                    
Copy

Visit Count:6

Similar Vector