hexcolor
.co
Home
Colors
Palette Generator
Material Design Colors
Color Inspiration
Color Picker
Random Colors
Palette Generator
Material Design Colors
<
Color Inspiration
Color Picker
Random Colors
Gradients
CSS3 Gradients
Gradient Generator
CSS3 Gradients
Gradient Generator
Placeholder
Free SEO Tools
Contact
IQ Test!
Purple Navy Color
Purple Navy CSS3 Gradient Color
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
Color Purple Navy Related Gradients
Bisque
Dark Byzantium
Dark Liver (Horses)
Dark Pastel Blue
Viridian
Diamond
Limerick
Mindaro
Mountbatten Pink
Olive Drab
Pale Magenta-Pink
Pearl