Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Purple Navy
Use the Purple Navy gradient in your projects and designs.
background: #4E5180; background: linear-gradient(to bottom, #4E5180 0%, #3F4271 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4E5180), color-stop(100%, #3F4271)); background: -webkit-linear-gradient(top, #4E5180 0%, #3F4271 100%); background: -moz-linear-gradient(top, #4E5180 0%, #3F4271 100%); background: -o-linear-gradient(top, #4E5180 0%, #3F4271 100%); background: -ms-linear-gradient(top, #4E5180 0%, #3F4271 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E5180', endColorstr='#3F4271', GradientType=0); border: 1px solid #303362; box-shadow: inset 0 1px 0 #5D608F; -webkit-box-shadow: inset 0 1px 0 #5D608F; -moz-box-shadow: inset 0 1px 0 #5D608F;
primary color:
#4E5180
secondary color:
#3F4271
border color:
#303362
box shadow color:
#5D608F
Purple Navy Related Gradients
Here is
Purple Navy
some more gradients for you to use on your projects and designs..
Green-Cyan
Gunmetal
Light Moss Green
Majorelle Blue
Old Burgundy
Pale Turquoise
Pale Cyan
Red (Crayola)
Registration Black
Russian Green
Sunset Orange
Titanium Yellow