array(5) { [0]=> string(7) "#cf8a17" [1]=> string(7) "#0e0b09" [2]=> string(7) "#6e3308" [3]=> string(7) "#9b2506" [4]=> string(7) "#84741c" }

Color Gradient Background cf8a17 0e0b09 6e3308 9b2506 84741c

Colors in use

Hex: #cf8a17

Hex: #0e0b09

Hex: #6e3308

Hex: #9b2506

Hex: #84741c

CSS Gradient


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

                    
Copy

Complex Gradients


.gradient-background {
background: linear-gradient(72deg, rgba(207,138,23,.6), rgba(207,138,23,0) 70%),linear-gradient(144deg, rgba(14,11,9,.6), rgba(14,11,9,0) 70%),linear-gradient(216deg, rgba(110,51,8,.8), rgba(110,51,8,0) 70%),linear-gradient(288deg, rgba(155,37,6,.8), rgba(155,37,6,0) 70%),linear-gradient(360deg, rgba(132,116,28,.8), rgba(132,116,28,0) 70%);
}

                    
Copy

.gradient-background {
background: linear-gradient(72deg, rgba(207,138,23,.6), rgba(207,138,23,0) 70%),linear-gradient(144deg, rgba(132,116,28,.8), rgba(132,116,28,0) 70%),linear-gradient(216deg, rgba(110,51,8,.8), rgba(110,51,8,0) 70%),linear-gradient(288deg, rgba(14,11,9,.6), rgba(14,11,9,0) 70%),linear-gradient(360deg, rgba(155,37,6,.8), rgba(155,37,6,0) 70%);
}

                    
Copy

.gradient-background {
background: linear-gradient(72deg, rgba(132,116,28,.8), rgba(132,116,28,0) 70%),linear-gradient(144deg, rgba(14,11,9,.6), rgba(14,11,9,0) 70%),linear-gradient(216deg, rgba(155,37,6,.8), rgba(155,37,6,0) 70%),linear-gradient(288deg, rgba(207,138,23,.6), rgba(207,138,23,0) 70%),linear-gradient(360deg, rgba(110,51,8,.8), rgba(110,51,8,0) 70%);
}

                    
Copy

.gradient-background {
background: linear-gradient(72deg, rgba(155,37,6,.8), rgba(155,37,6,0) 70%),linear-gradient(144deg, rgba(14,11,9,.6), rgba(14,11,9,0) 70%),linear-gradient(216deg, rgba(110,51,8,.8), rgba(110,51,8,0) 70%),linear-gradient(288deg, rgba(132,116,28,.8), rgba(132,116,28,0) 70%),linear-gradient(360deg, rgba(155,37,6,.8), rgba(155,37,6,0) 70%);
}

                    
Copy

Simple Gradients


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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

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

                    
Copy

.gradient-background {
background: transparent linear-gradient(to left, #6e3308, #84741c) repeat scroll 0% 0%;
}

                    
Copy

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

                    
Copy

Visit Count:38

Similar Gradient