Color Vector Background a5948b dccaac 653d53 7b4a5d 805c4c

Colors in use

Hex: #a5948b Copy

Hex: #dccaacCopy

Hex: #653d53Copy

Hex: #7b4a5dCopy

Hex: #805c4cCopy

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(165,148,139,.6), rgba(165,148,139,0) 70%),linear-gradient(144deg, rgba(220,202,172,.6), rgba(220,202,172,0) 70%),linear-gradient(216deg, rgba(101,61,83,.8), rgba(101,61,83,0) 70%),linear-gradient(288deg, rgba(123,74,93,.8), rgba(123,74,93,0) 70%),linear-gradient(360deg, rgba(128,92,76,.8), rgba(128,92,76,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(165,148,139,.6), rgba(165,148,139,0) 70%),linear-gradient(144deg, rgba(128,92,76,.8), rgba(128,92,76,0) 70%),linear-gradient(216deg, rgba(101,61,83,.8), rgba(101,61,83,0) 70%),linear-gradient(288deg, rgba(220,202,172,.6), rgba(220,202,172,0) 70%),linear-gradient(360deg, rgba(123,74,93,.8), rgba(123,74,93,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(128,92,76,.8), rgba(128,92,76,0) 70%),linear-gradient(144deg, rgba(220,202,172,.6), rgba(220,202,172,0) 70%),linear-gradient(216deg, rgba(123,74,93,.8), rgba(123,74,93,0) 70%),linear-gradient(288deg, rgba(165,148,139,.6), rgba(165,148,139,0) 70%),linear-gradient(360deg, rgba(101,61,83,.8), rgba(101,61,83,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(123,74,93,.8), rgba(123,74,93,0) 70%),linear-gradient(144deg, rgba(220,202,172,.6), rgba(220,202,172,0) 70%),linear-gradient(216deg, rgba(101,61,83,.8), rgba(101,61,83,0) 70%),linear-gradient(288deg, rgba(128,92,76,.8), rgba(128,92,76,0) 70%),linear-gradient(360deg, rgba(123,74,93,.8), rgba(123,74,93,0) 70%);
}

                        
Copy

Simple Vectors


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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #653d53, #805c4c) repeat scroll 0% 0%;
}

                    
Copy

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

                    
Copy

Visit Count:19

Similar Vector