#CFC5CE - #D7E5DC | 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 #CFC5CE to #D7E5DC

#CFC5CE #D7E5DC

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

#CFC5CE - #D7E5DC | 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 #CFC5CE as 0% and #D7E5DC as 100%.

0.0%	0.0% #CFC5CE	RGB 207 197 206	#CFC5CE
16.7%	16.7% #D0CAD0	RGB 208 202 208	#D0CAD0
33.3%	33.3% #D1CFD2	RGB 209 207 210	#D1CFD2
50.0%	50.0% #D3D5D5	RGB 211 213 213	#D3D5D5
66.7%	66.7% #D4DAD7	RGB 212 218 215	#D4DAD7
83.3%	83.3% #D5DFD9	RGB 213 223 217	#D5DFD9
100.0%	100.0% #D7E5DC	RGB 215 229 220	#D7E5DC

#CFC5CE #D0CAD0 #D1CFD2 #D3D5D5 #D4DAD7 #D5DFD9 #D7E5DC

#CFC5CE - #D7E5DC

HSV Blend

#CFC5CE - #D7E5DC | 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 #CFC5CE as 0% and #D7E5DC as 100%.

0.0%	0.0% #CFC5CE	RGB 207 197 206	#CFC5CE
16.7%	16.7% #CEC8D2	RGB 206 200 210	#CEC8D2
33.3%	33.3% #CDCBD6	RGB 205 203 214	#CDCBD6
50.0%	50.0% #CED1DA	RGB 206 209 218	#CED1DA
66.7%	66.7% #D1DADD	RGB 209 218 221	#D1DADD
83.3%	83.3% #D4E1DE	RGB 212 225 222	#D4E1DE
100.0%	100.0% #D7E5DC	RGB 215 229 220	#D7E5DC

#CFC5CE #CEC8D2 #CDCBD6 #CED1DA #D1DADD #D4E1DE #D7E5DC

#CFC5CE - #CED1DA - #D7E5DC

CSS codes

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

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