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..
Blast-Off Bronze
Cornflower Blue
Red (Pantone)
Lime Green
Mellow Apricot
Orchid
Psychedelic Purple
Spanish Pink
Spiro Disco Ball
Tufts Blue
Tulip
Turquoise