#ECC3C8 - #FEF4DC | 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 #ECC3C8 to #FEF4DC

#ECC3C8 #FEF4DC

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

#ECC3C8 - #FEF4DC | 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 #ECC3C8 as 0% and #FEF4DC as 100%.

0.0%	0.0% #ECC3C8	RGB 236 195 200	#ECC3C8
16.7%	16.7% #EFCBCB	RGB 239 203 203	#EFCBCB
33.3%	33.3% #F2D3CE	RGB 242 211 206	#F2D3CE
50.0%	50.0% #F5DBD2	RGB 245 219 210	#F5DBD2
66.7%	66.7% #F8E3D5	RGB 248 227 213	#F8E3D5
83.3%	83.3% #FBEBD8	RGB 251 235 216	#FBEBD8
100.0%	100.0% #FEF4DC	RGB 254 244 220	#FEF4DC

#ECC3C8 #EFCBCB #F2D3CE #F5DBD2 #F8E3D5 #FBEBD8 #FEF4DC

#ECC3C8 - #FEF4DC

HSV Blend

#ECC3C8 - #FEF4DC | 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 #ECC3C8 as 0% and #FEF4DC as 100%.

0.0%	0.0% #ECC3C8	RGB 236 195 200	#ECC3C8
16.7%	16.7% #EFC7C7	RGB 239 199 199	#EFC7C7
33.3%	33.3% #F2D1CB	RGB 242 209 203	#F2D1CB
50.0%	50.0% #F5DACF	RGB 245 218 207	#F5DACF
66.7%	66.7% #F8E3D3	RGB 248 227 211	#F8E3D3
83.3%	83.3% #FBEBD7	RGB 251 235 215	#FBEBD7
100.0%	100.0% #FEF4DC	RGB 254 244 220	#FEF4DC

#ECC3C8 #EFC7C7 #F2D1CB #F5DACF #F8E3D3 #FBEBD7 #FEF4DC

#ECC3C8 - #F5DACF - #FEF4DC

CSS codes

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

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