Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Teal Blue
Use the Teal Blue gradient in your projects and designs.
background: #367588; background: linear-gradient(to bottom, #367588 0%, #276679 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #367588), color-stop(100%, #276679)); background: -webkit-linear-gradient(top, #367588 0%, #276679 100%); background: -moz-linear-gradient(top, #367588 0%, #276679 100%); background: -o-linear-gradient(top, #367588 0%, #276679 100%); background: -ms-linear-gradient(top, #367588 0%, #276679 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#367588', endColorstr='#276679', GradientType=0); border: 1px solid #18576A; box-shadow: inset 0 1px 0 #458497; -webkit-box-shadow: inset 0 1px 0 #458497; -moz-box-shadow: inset 0 1px 0 #458497;
primary color:
#367588
secondary color:
#276679
border color:
#18576A
box shadow color:
#458497
Teal Blue Related Gradients
Here is
Teal Blue
some more gradients for you to use on your projects and designs..
Anti-Flash White
Pink-Orange
Coquelicot
Dark Moss Green
Dark Pastel Purple
Mauvelous
Persian Red
Teal Deer
Teal Green
Tropical Rain Forest
True Blue
Ultramarine Blue