Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Vivid Orchid
Use the Vivid Orchid gradient in your projects and designs.
background: #CC00FF; background: linear-gradient(to bottom, #CC00FF 0%, #BD00F0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC00FF), color-stop(100%, #BD00F0)); background: -webkit-linear-gradient(top, #CC00FF 0%, #BD00F0 100%); background: -moz-linear-gradient(top, #CC00FF 0%, #BD00F0 100%); background: -o-linear-gradient(top, #CC00FF 0%, #BD00F0 100%); background: -ms-linear-gradient(top, #CC00FF 0%, #BD00F0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC00FF', endColorstr='#BD00F0', GradientType=0); border: 1px solid #AE00E1; box-shadow: inset 0 1px 0 #DB0FFF; -webkit-box-shadow: inset 0 1px 0 #DB0FFF; -moz-box-shadow: inset 0 1px 0 #DB0FFF;
primary color:
#CC00FF
secondary color:
#BD00F0
border color:
#AE00E1
box shadow color:
#DB0FFF
Vivid Orchid Related Gradients
Here is
Vivid Orchid
some more gradients for you to use on your projects and designs..
Blue (RYB)
Catawba
Copper
Cornsilk
Dark Cyan
Dark Sea Green
Flavescent
Iceberg
Liver (Organ)
Pale Silver
Red Devil
Screamin' Green