#FFCFD3 - #E6D3DC | 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 #FFCFD3 to #E6D3DC

#FFCFD3 #E6D3DC

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

#FFCFD3 - #E6D3DC | 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 #FFCFD3 as 0% and #E6D3DC as 100%.

0.0%	0.0% #FFCFD3	RGB 255 207 211	#FFCFD3
16.7%	16.7% #FACFD4	RGB 250 207 212	#FACFD4
33.3%	33.3% #F6D0D6	RGB 246 208 214	#F6D0D6
50.0%	50.0% #F2D1D7	RGB 242 209 215	#F2D1D7
66.7%	66.7% #EED1D9	RGB 238 209 217	#EED1D9
83.3%	83.3% #EAD2DA	RGB 234 210 218	#EAD2DA
100.0%	100.0% #E6D3DC	RGB 230 211 220	#E6D3DC

#FFCFD3 #FACFD4 #F6D0D6 #F2D1D7 #EED1D9 #EAD2DA #E6D3DC

#FFCFD3 - #E6D3DC

HSV Blend

#FFCFD3 - #E6D3DC | 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 #FFCFD3 as 0% and #E6D3DC as 100%.

0.0%	0.0% #FFCFD3	RGB 255 207 211	#FFCFD3
16.7%	16.7% #FAD0D6	RGB 250 208 214	#FAD0D6
33.3%	33.3% #F6D0D8	RGB 246 208 216	#F6D0D8
50.0%	50.0% #F2D1DA	RGB 242 209 218	#F2D1DA
66.7%	66.7% #EED2DB	RGB 238 210 219	#EED2DB
83.3%	83.3% #EAD2DC	RGB 234 210 220	#EAD2DC
100.0%	100.0% #E6D3DC	RGB 230 211 220	#E6D3DC

#FFCFD3 #FAD0D6 #F6D0D8 #F2D1DA #EED2DB #EAD2DC #E6D3DC

#FFCFD3 - #F2D1DA - #E6D3DC

CSS codes

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

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