Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Daffodil
Use the Daffodil gradient in your projects and designs.
background: #FFFF31; background: linear-gradient(to bottom, #FFFF31 0%, #F0F022 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFF31), color-stop(100%, #F0F022)); background: -webkit-linear-gradient(top, #FFFF31 0%, #F0F022 100%); background: -moz-linear-gradient(top, #FFFF31 0%, #F0F022 100%); background: -o-linear-gradient(top, #FFFF31 0%, #F0F022 100%); background: -ms-linear-gradient(top, #FFFF31 0%, #F0F022 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF31', endColorstr='#F0F022', GradientType=0); border: 1px solid #E1E113; box-shadow: inset 0 1px 0 #FFFF40; -webkit-box-shadow: inset 0 1px 0 #FFFF40; -moz-box-shadow: inset 0 1px 0 #FFFF40;
primary color:
#FFFF31
secondary color:
#F0F022
border color:
#E1E113
box shadow color:
#FFFF40
Daffodil Related Gradients
Here is
Daffodil
some more gradients for you to use on your projects and designs..
Bittersweet
Brown Yellow
Chinese Violet
Diamond
Trolley Grey
Maroon (HTML/CSS)
Orange-Yellow
Pansy Purple
Puce
Taupe Gray
Wild Watermelon
Yellow (RYB)