Color Vector Background 372d1e c9c1b6 91985d 7f7059 9c8c84

Colors in use

Hex: #372d1e Copy

Hex: #c9c1b6Copy

Hex: #91985dCopy

Hex: #7f7059Copy

Hex: #9c8c84Copy

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(55,45,30,.6), rgba(55,45,30,0) 70%),linear-gradient(144deg, rgba(201,193,182,.6), rgba(201,193,182,0) 70%),linear-gradient(216deg, rgba(145,152,93,.8), rgba(145,152,93,0) 70%),linear-gradient(288deg, rgba(127,112,89,.8), rgba(127,112,89,0) 70%),linear-gradient(360deg, rgba(156,140,132,.8), rgba(156,140,132,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(55,45,30,.6), rgba(55,45,30,0) 70%),linear-gradient(144deg, rgba(156,140,132,.8), rgba(156,140,132,0) 70%),linear-gradient(216deg, rgba(145,152,93,.8), rgba(145,152,93,0) 70%),linear-gradient(288deg, rgba(201,193,182,.6), rgba(201,193,182,0) 70%),linear-gradient(360deg, rgba(127,112,89,.8), rgba(127,112,89,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(156,140,132,.8), rgba(156,140,132,0) 70%),linear-gradient(144deg, rgba(201,193,182,.6), rgba(201,193,182,0) 70%),linear-gradient(216deg, rgba(127,112,89,.8), rgba(127,112,89,0) 70%),linear-gradient(288deg, rgba(55,45,30,.6), rgba(55,45,30,0) 70%),linear-gradient(360deg, rgba(145,152,93,.8), rgba(145,152,93,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(127,112,89,.8), rgba(127,112,89,0) 70%),linear-gradient(144deg, rgba(201,193,182,.6), rgba(201,193,182,0) 70%),linear-gradient(216deg, rgba(145,152,93,.8), rgba(145,152,93,0) 70%),linear-gradient(288deg, rgba(156,140,132,.8), rgba(156,140,132,0) 70%),linear-gradient(360deg, rgba(127,112,89,.8), rgba(127,112,89,0) 70%);
}

                        
Copy

Simple Vectors


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

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #372d1e, #91985d) repeat scroll 0% 0%;
}

                    
Copy

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

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #372d1e, #9c8c84) repeat scroll 0% 0%;
}

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #91985d, #9c8c84) repeat scroll 0% 0%;
}

                    
Copy

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

                    
Copy

Visit Count:27

Similar Vector