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..
Blast-Off Bronze
Classic Rose
Gunmetal
Japanese Carmine
Magenta-Pink
Mellow Apricot
Myrtle Green
Persimmon
Resolution Blue
Spanish Violet
Turquoise
Wenge