hexcolor
.co
Home
Colors
Palette Generator
Material Design Colors
Color Inspiration
Color Picker
Random Colors
Palette Generator
Material Design Colors
<
Color Inspiration
Color Picker
Random Colors
Gradients
CSS3 Gradients
Gradient Generator
CSS3 Gradients
Gradient Generator
Placeholder
Free SEO Tools
Contact
IQ Test!
Pineapple Color
Pineapple CSS3 Gradient Color
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
Color Pineapple Related Gradients
Bronze
Cerulean
Cornflower Blue
Desire
Fandango Pink
Indigo (Web)
Light Salmon
Limerick
Magenta (Process)
Spanish Green
Tomato
Twilight Lavender