Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Shocking Pink
Use the Shocking Pink gradient in your projects and designs.
background: #FC0FC0; background: linear-gradient(to bottom, #FC0FC0 0%, #ED00B1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FC0FC0), color-stop(100%, #ED00B1)); background: -webkit-linear-gradient(top, #FC0FC0 0%, #ED00B1 100%); background: -moz-linear-gradient(top, #FC0FC0 0%, #ED00B1 100%); background: -o-linear-gradient(top, #FC0FC0 0%, #ED00B1 100%); background: -ms-linear-gradient(top, #FC0FC0 0%, #ED00B1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC0FC0', endColorstr='#ED00B1', GradientType=0); border: 1px solid #DE00A2; box-shadow: inset 0 1px 0 #FF1ECF; -webkit-box-shadow: inset 0 1px 0 #FF1ECF; -moz-box-shadow: inset 0 1px 0 #FF1ECF;
primary color:
#FC0FC0
secondary color:
#ED00B1
border color:
#DE00A2
box shadow color:
#FF1ECF
Shocking Pink Related Gradients
Here is
Shocking Pink
some more gradients for you to use on your projects and designs..
Burnt Umber
Cherry
Coral Pink
Hunter Green
Gamboge Orange (Brown)
Icterine
India Green
Mellow Apricot
Razzmic Berry
Rich Brilliant Lavender
Ruddy Brown
Super Pink