Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Cyan-Blue Azure
Use the Cyan-Blue Azure gradient in your projects and designs.
background: #4682BF; background: linear-gradient(to bottom, #4682BF 0%, #3773B0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4682BF), color-stop(100%, #3773B0)); background: -webkit-linear-gradient(top, #4682BF 0%, #3773B0 100%); background: -moz-linear-gradient(top, #4682BF 0%, #3773B0 100%); background: -o-linear-gradient(top, #4682BF 0%, #3773B0 100%); background: -ms-linear-gradient(top, #4682BF 0%, #3773B0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4682BF', endColorstr='#3773B0', GradientType=0); border: 1px solid #2864A1; box-shadow: inset 0 1px 0 #5591CE; -webkit-box-shadow: inset 0 1px 0 #5591CE; -moz-box-shadow: inset 0 1px 0 #5591CE;
primary color:
#4682BF
secondary color:
#3773B0
border color:
#2864A1
box shadow color:
#5591CE
Cyan-Blue Azure Related Gradients
Here is
Cyan-Blue Azure
some more gradients for you to use on your projects and designs..
Tea Rose
Boston University Red
Buff
Dark Liver (Horses)
Dark Terra Cotta
International Orange (Aerospace)
Isabelline
Keppel
Pearl
Rich Electric Blue
Safety Orange
Zomp