Color Vector Background 52563d b0e9f8 abaeac b39b80 969c82

Colors in use

Hex: #52563d Copy

Hex: #b0e9f8Copy

Hex: #abaeacCopy

Hex: #b39b80Copy

Hex: #969c82Copy

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(82,86,61,.6), rgba(82,86,61,0) 70%),linear-gradient(144deg, rgba(176,233,248,.6), rgba(176,233,248,0) 70%),linear-gradient(216deg, rgba(171,174,172,.8), rgba(171,174,172,0) 70%),linear-gradient(288deg, rgba(179,155,128,.8), rgba(179,155,128,0) 70%),linear-gradient(360deg, rgba(150,156,130,.8), rgba(150,156,130,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(82,86,61,.6), rgba(82,86,61,0) 70%),linear-gradient(144deg, rgba(150,156,130,.8), rgba(150,156,130,0) 70%),linear-gradient(216deg, rgba(171,174,172,.8), rgba(171,174,172,0) 70%),linear-gradient(288deg, rgba(176,233,248,.6), rgba(176,233,248,0) 70%),linear-gradient(360deg, rgba(179,155,128,.8), rgba(179,155,128,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(150,156,130,.8), rgba(150,156,130,0) 70%),linear-gradient(144deg, rgba(176,233,248,.6), rgba(176,233,248,0) 70%),linear-gradient(216deg, rgba(179,155,128,.8), rgba(179,155,128,0) 70%),linear-gradient(288deg, rgba(82,86,61,.6), rgba(82,86,61,0) 70%),linear-gradient(360deg, rgba(171,174,172,.8), rgba(171,174,172,0) 70%);
}

                        
Copy

.vector-background {
    background: linear-gradient(72deg, rgba(179,155,128,.8), rgba(179,155,128,0) 70%),linear-gradient(144deg, rgba(176,233,248,.6), rgba(176,233,248,0) 70%),linear-gradient(216deg, rgba(171,174,172,.8), rgba(171,174,172,0) 70%),linear-gradient(288deg, rgba(150,156,130,.8), rgba(150,156,130,0) 70%),linear-gradient(360deg, rgba(179,155,128,.8), rgba(179,155,128,0) 70%);
}

                        
Copy

Simple Vectors


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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

Visit Count:28

Similar Vector