Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Celadon
Use the Celadon gradient in your projects and designs.
background: #ACE1AF; background: linear-gradient(to bottom, #ACE1AF 0%, #9DD2A0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ACE1AF), color-stop(100%, #9DD2A0)); background: -webkit-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%); background: -moz-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%); background: -o-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%); background: -ms-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE1AF', endColorstr='#9DD2A0', GradientType=0); border: 1px solid #8EC391; box-shadow: inset 0 1px 0 #BBF0BE; -webkit-box-shadow: inset 0 1px 0 #BBF0BE; -moz-box-shadow: inset 0 1px 0 #BBF0BE;
primary color:
#ACE1AF
secondary color:
#9DD2A0
border color:
#8EC391
box shadow color:
#BBF0BE
Celadon Related Gradients
Here is
Celadon
some more gradients for you to use on your projects and designs..
Aquamarine
Banana Yellow
Black Olive
Bright Lavender
Dartmouth Green
Deep Ruby
Light Cornflower Blue
New York Pink
Olive Drab
Pale Spring Bud
Sheen Green
Yellow-Green