#D4FFB6 - #FCD0C2 | 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 #D4FFB6 to #FCD0C2

#D4FFB6 #FCD0C2

Calculate the color between two colors, #D4FFB6 and #FCD0C2. 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)

#D4FFB6 - #FCD0C2 | 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 #D4FFB6 as 0% and #FCD0C2 as 100%.

0.0%	0.0% #D4FFB6	RGB 212 255 182	#D4FFB6
16.7%	16.7% #DAF7B8	RGB 218 247 184	#DAF7B8
33.3%	33.3% #E1EFBA	RGB 225 239 186	#E1EFBA
50.0%	50.0% #E8E7BC	RGB 232 231 188	#E8E7BC
66.7%	66.7% #EEDFBE	RGB 238 223 190	#EEDFBE
83.3%	83.3% #F5D7C0	RGB 245 215 192	#F5D7C0
100.0%	100.0% #FCD0C2	RGB 252 208 194	#FCD0C2

#D4FFB6 #DAF7B8 #E1EFBA #E8E7BC #EEDFBE #F5D7C0 #FCD0C2

#D4FFB6 - #FCD0C2

HSV Blend

#D4FFB6 - #FCD0C2 | 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 #D4FFB6 as 0% and #FCD0C2 as 100%.

0.0%	0.0% #D4FFB6	RGB 212 255 182	#D4FFB6
16.7%	16.7% #E4FEB8	RGB 228 254 184	#E4FEB8
33.3%	33.3% #F4FEBA	RGB 244 254 186	#F4FEBA
50.0%	50.0% #FDF7BC	RGB 253 247 188	#FDF7BC
66.7%	66.7% #FDE9BE	RGB 253 233 190	#FDE9BE
83.3%	83.3% #FCDCC0	RGB 252 220 192	#FCDCC0
100.0%	100.0% #FCD0C2	RGB 252 208 194	#FCD0C2

#D4FFB6 #E4FEB8 #F4FEBA #FDF7BC #FDE9BE #FCDCC0 #FCD0C2

#D4FFB6 - #FDF7BC - #FCD0C2

CSS codes

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

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