Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Payne's Grey
Use the Payne's Grey gradient in your projects and designs.
background: #536878; background: linear-gradient(to bottom, #536878 0%, #445969 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #536878), color-stop(100%, #445969)); background: -webkit-linear-gradient(top, #536878 0%, #445969 100%); background: -moz-linear-gradient(top, #536878 0%, #445969 100%); background: -o-linear-gradient(top, #536878 0%, #445969 100%); background: -ms-linear-gradient(top, #536878 0%, #445969 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536878', endColorstr='#445969', GradientType=0); border: 1px solid #354A5A; box-shadow: inset 0 1px 0 #627787; -webkit-box-shadow: inset 0 1px 0 #627787; -moz-box-shadow: inset 0 1px 0 #627787;
primary color:
#536878
secondary color:
#445969
border color:
#354A5A
box shadow color:
#627787
Payne's Grey Related Gradients
Here is
Payne's Grey
some more gradients for you to use on your projects and designs..
Blond
Maroon (Crayola)
Forest Green (Web)
Gold (Web) (Golden)
Independence
Lemon Meringue
Light Grayish Magenta
Persian Blue
Raisin Black
Red-Purple
Sandy Brown
Wild Strawberry