#DAFFA8 - #FFF4C8 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #DAFFA8 to #FFF4C8

#DAFFA8 #FFF4C8

Calculate the color between two colors, #DAFFA8 and #FFF4C8. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#DAFFA8 - #FFF4C8 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #DAFFA8 as 0% and #FFF4C8 as 100%.

0.0%	0.0% #DAFFA8	RGB 218 255 168	#DAFFA8
16.7%	16.7% #E0FDAD	RGB 224 253 173	#E0FDAD
33.3%	33.3% #E6FBB2	RGB 230 251 178	#E6FBB2
50.0%	50.0% #ECF9B8	RGB 236 249 184	#ECF9B8
66.7%	66.7% #F2F7BD	RGB 242 247 189	#F2F7BD
83.3%	83.3% #F8F5C2	RGB 248 245 194	#F8F5C2
100.0%	100.0% #FFF4C8	RGB 255 244 200	#FFF4C8

#DAFFA8 #E0FDAD #E6FBB2 #ECF9B8 #F2F7BD #F8F5C2 #FFF4C8

#DAFFA8 - #FFF4C8

HSV Blend

#DAFFA8 - #FFF4C8 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #DAFFA8 as 0% and #FFF4C8 as 100%.

0.0%	0.0% #DAFFA8	RGB 218 255 168	#DAFFA8
16.7%	16.7% #E4FFAD	RGB 228 255 173	#E4FFAD
33.3%	33.3% #EEFFB2	RGB 238 255 178	#EEFFB2
50.0%	50.0% #F7FFB8	RGB 247 255 184	#F7FFB8
66.7%	66.7% #FEFFBD	RGB 254 255 189	#FEFFBD
83.3%	83.3% #FFF9C2	RGB 255 249 194	#FFF9C2
100.0%	100.0% #FFF4C8	RGB 255 244 200	#FFF4C8

#DAFFA8 #E4FFAD #EEFFB2 #F7FFB8 #FEFFBD #FFF9C2 #FFF4C8

#DAFFA8 - #F7FFB8 - #FFF4C8

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #DAFFA8 0%, #FFF4C8 100%);
    background: -webkit-linear-gradient(top, #DAFFA8 0%, #FFF4C8 100%);
    background: linear-gradient(to bottom, #DAFFA8 0%, #FFF4C8 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAFFA8 0%, #F7FFB8 50%, #FFF4C8 100%);
    background: -webkit-linear-gradient(top, #DAFFA8 0%, #F7FFB8 50%, #FFF4C8 100%);
    background: linear-gradient(to bottom, #DAFFA8 0%, #F7FFB8 50%, #FFF4C8 100%);
}
</style>