Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Pineapple
Use the Pineapple gradient in your projects and designs.
background: #563C5C; background: linear-gradient(to bottom, #563C5C 0%, #472D4D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #563C5C), color-stop(100%, #472D4D)); background: -webkit-linear-gradient(top, #563C5C 0%, #472D4D 100%); background: -moz-linear-gradient(top, #563C5C 0%, #472D4D 100%); background: -o-linear-gradient(top, #563C5C 0%, #472D4D 100%); background: -ms-linear-gradient(top, #563C5C 0%, #472D4D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563C5C', endColorstr='#472D4D', GradientType=0); border: 1px solid #381E3E; box-shadow: inset 0 1px 0 #654B6B; -webkit-box-shadow: inset 0 1px 0 #654B6B; -moz-box-shadow: inset 0 1px 0 #654B6B;
primary color:
#563C5C
secondary color:
#472D4D
border color:
#381E3E
box shadow color:
#654B6B
Pineapple Related Gradients
Here is
Pineapple
some more gradients for you to use on your projects and designs..
Cherry
Ultramarine
Magenta
Liberty
Light Moss Green
Magnolia
Orange (Color Wheel)
Platinum
Rose Taupe
Ruber
Sea Blue
Sea Green