Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Jelly Bean
Use the Jelly Bean gradient in your projects and designs.
background: #DA614E; background: linear-gradient(to bottom, #DA614E 0%, #CB523F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DA614E), color-stop(100%, #CB523F)); background: -webkit-linear-gradient(top, #DA614E 0%, #CB523F 100%); background: -moz-linear-gradient(top, #DA614E 0%, #CB523F 100%); background: -o-linear-gradient(top, #DA614E 0%, #CB523F 100%); background: -ms-linear-gradient(top, #DA614E 0%, #CB523F 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA614E', endColorstr='#CB523F', GradientType=0); border: 1px solid #BC4330; box-shadow: inset 0 1px 0 #E9705D; -webkit-box-shadow: inset 0 1px 0 #E9705D; -moz-box-shadow: inset 0 1px 0 #E9705D;
primary color:
#DA614E
secondary color:
#CB523F
border color:
#BC4330
box shadow color:
#E9705D
Jelly Bean Related Gradients
Here is
Jelly Bean
some more gradients for you to use on your projects and designs..
Blue (NCS)
Cocoa Brown
Dark Yellow
Orange (Crayola)
Picton Blue
Rifle Green
Robin Egg Blue
Shimmering Blush
Spanish Carmine
University Of California Gold
Upsdell Red
Vivid Gamboge