Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Heliotrope
Use the Heliotrope gradient in your projects and designs.
background: #DF73FF; background: linear-gradient(to bottom, #DF73FF 0%, #D064F0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DF73FF), color-stop(100%, #D064F0)); background: -webkit-linear-gradient(top, #DF73FF 0%, #D064F0 100%); background: -moz-linear-gradient(top, #DF73FF 0%, #D064F0 100%); background: -o-linear-gradient(top, #DF73FF 0%, #D064F0 100%); background: -ms-linear-gradient(top, #DF73FF 0%, #D064F0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF73FF', endColorstr='#D064F0', GradientType=0); border: 1px solid #C155E1; box-shadow: inset 0 1px 0 #EE82FF; -webkit-box-shadow: inset 0 1px 0 #EE82FF; -moz-box-shadow: inset 0 1px 0 #EE82FF;
primary color:
#DF73FF
secondary color:
#D064F0
border color:
#C155E1
box shadow color:
#EE82FF
Heliotrope Related Gradients
Here is
Heliotrope
some more gradients for you to use on your projects and designs..
Aquamarine
Cobalt Blue
Dark Pastel Purple
Deep Carrot Orange
Ultramarine
Ferrari Red
Flamingo Pink
French Lime
Light Goldenrod Yellow
Marigold
Tuscan Red
Violet (Color Wheel)