Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Turquoise
Use the Turquoise gradient in your projects and designs.
background: #40E0D0; background: linear-gradient(to bottom, #40E0D0 0%, #31D1C1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40E0D0), color-stop(100%, #31D1C1)); background: -webkit-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); background: -moz-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); background: -o-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); background: -ms-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40E0D0', endColorstr='#31D1C1', GradientType=0); border: 1px solid #22C2B2; box-shadow: inset 0 1px 0 #4FEFDF; -webkit-box-shadow: inset 0 1px 0 #4FEFDF; -moz-box-shadow: inset 0 1px 0 #4FEFDF;
primary color:
#40E0D0
secondary color:
#31D1C1
border color:
#22C2B2
box shadow color:
#4FEFDF
Turquoise Related Gradients
Here is
Turquoise
some more gradients for you to use on your projects and designs..
Barbie Pink
Dark Puce
Light Cornflower Blue
Magenta-Pink
Oxford Blue
Purpureus
Ruby
Shadow Blue
Spanish Red
Tan
Turkish Rose
Yellow-Green