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
Blue-Magenta Violet
Dark Scarlet
Viridian
Flirt
Islamic Green
Medium Red-Violet
Moss Green
Persian Blue
Red (RYB)
Silver Pink
Unbleached Silk
USAFA Blue