Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Royal Purple
Use the Royal Purple gradient in your projects and designs.
background: #7851A9; background: linear-gradient(to bottom, #7851A9 0%, #69429A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7851A9), color-stop(100%, #69429A)); background: -webkit-linear-gradient(top, #7851A9 0%, #69429A 100%); background: -moz-linear-gradient(top, #7851A9 0%, #69429A 100%); background: -o-linear-gradient(top, #7851A9 0%, #69429A 100%); background: -ms-linear-gradient(top, #7851A9 0%, #69429A 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7851A9', endColorstr='#69429A', GradientType=0); border: 1px solid #5A338B; box-shadow: inset 0 1px 0 #8760B8; -webkit-box-shadow: inset 0 1px 0 #8760B8; -moz-box-shadow: inset 0 1px 0 #8760B8;
primary color:
#7851A9
secondary color:
#69429A
border color:
#5A338B
box shadow color:
#8760B8
Royal Purple Related Gradients
Here is
Royal Purple
some more gradients for you to use on your projects and designs..
Army Green
Cameo Pink
Dark Candy Apple Red
Dutch White
French Lime
Gray-Asparagus
Grizzly
Pale Magenta
Pastel Purple
Rust
Slate Gray
Tiffany Blue