#CD8CAC - #F0DEE7 | 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 #CD8CAC to #F0DEE7

#CD8CAC #F0DEE7

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

#CD8CAC - #F0DEE7 | 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 #CD8CAC as 0% and #F0DEE7 as 100%.

0.0%	0.0% #CD8CAC	RGB 205 140 172	#CD8CAC
16.7%	16.7% #D299B5	RGB 210 153 181	#D299B5
33.3%	33.3% #D8A7BF	RGB 216 167 191	#D8A7BF
50.0%	50.0% #DEB5C9	RGB 222 181 201	#DEB5C9
66.7%	66.7% #E4C2D3	RGB 228 194 211	#E4C2D3
83.3%	83.3% #EAD0DD	RGB 234 208 221	#EAD0DD
100.0%	100.0% #F0DEE7	RGB 240 222 231	#F0DEE7

#CD8CAC #D299B5 #D8A7BF #DEB5C9 #E4C2D3 #EAD0DD #F0DEE7

#CD8CAC - #F0DEE7

HSV Blend

#CD8CAC - #F0DEE7 | 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 #CD8CAC as 0% and #F0DEE7 as 100%.

0.0%	0.0% #CD8CAC	RGB 205 140 172	#CD8CAC
16.7%	16.7% #D298B5	RGB 210 152 181	#D298B5
33.3%	33.3% #D8A5BE	RGB 216 165 190	#D8A5BE
50.0%	50.0% #DEB2C8	RGB 222 178 200	#DEB2C8
66.7%	66.7% #E4C0D2	RGB 228 192 210	#E4C0D2
83.3%	83.3% #EACFDC	RGB 234 207 220	#EACFDC
100.0%	100.0% #F0DEE7	RGB 240 222 231	#F0DEE7

#CD8CAC #D298B5 #D8A5BE #DEB2C8 #E4C0D2 #EACFDC #F0DEE7

#CD8CAC - #DEB2C8 - #F0DEE7

CSS codes

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

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