Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Blue Yonder
Use the Blue Yonder gradient in your projects and designs.
background: #5072A7; background: linear-gradient(to bottom, #5072A7 0%, #416398 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5072A7), color-stop(100%, #416398)); background: -webkit-linear-gradient(top, #5072A7 0%, #416398 100%); background: -moz-linear-gradient(top, #5072A7 0%, #416398 100%); background: -o-linear-gradient(top, #5072A7 0%, #416398 100%); background: -ms-linear-gradient(top, #5072A7 0%, #416398 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5072A7', endColorstr='#416398', GradientType=0); border: 1px solid #325489; box-shadow: inset 0 1px 0 #5F81B6; -webkit-box-shadow: inset 0 1px 0 #5F81B6; -moz-box-shadow: inset 0 1px 0 #5F81B6;
primary color:
#5072A7
secondary color:
#416398
border color:
#325489
box shadow color:
#5F81B6
Blue Yonder Related Gradients
Here is
Blue Yonder
some more gradients for you to use on your projects and designs..
Electric Purple
Lapis Lazuli
Mahogany
Orange (Pantone)
Pink Flamingo
Pink Pearl
Purple Taupe
Redwood
Roman Silver
Royal Blue
Ruby
Spanish Orange