Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Orchid Pink
Use the Orchid Pink gradient in your projects and designs.
background: #F2BDCD; background: linear-gradient(to bottom, #F2BDCD 0%, #E3AEBE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2BDCD), color-stop(100%, #E3AEBE)); background: -webkit-linear-gradient(top, #F2BDCD 0%, #E3AEBE 100%); background: -moz-linear-gradient(top, #F2BDCD 0%, #E3AEBE 100%); background: -o-linear-gradient(top, #F2BDCD 0%, #E3AEBE 100%); background: -ms-linear-gradient(top, #F2BDCD 0%, #E3AEBE 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2BDCD', endColorstr='#E3AEBE', GradientType=0); border: 1px solid #D49FAF; box-shadow: inset 0 1px 0 #FFCCDC; -webkit-box-shadow: inset 0 1px 0 #FFCCDC; -moz-box-shadow: inset 0 1px 0 #FFCCDC;
primary color:
#F2BDCD
secondary color:
#E3AEBE
border color:
#D49FAF
box shadow color:
#FFCCDC
Orchid Pink Related Gradients
Here is
Orchid Pink
some more gradients for you to use on your projects and designs..
Amber (SAE/ECE)
Firebrick
Majorelle Blue
Meat Brown
Persian Red
Pink Pearl
Purple Navy
Red (NCS)
Rich Brilliant Lavender
Smitten
UA Blue
Vivid Cerise