#CFC3C9 - #D2DFD8 | 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 #CFC3C9 to #D2DFD8

#CFC3C9 #D2DFD8

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

#CFC3C9 - #D2DFD8 | 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 #CFC3C9 as 0% and #D2DFD8 as 100%.

0.0%	0.0% #CFC3C9	RGB 207 195 201	#CFC3C9
16.7%	16.7% #CFC7CB	RGB 207 199 203	#CFC7CB
33.3%	33.3% #D0CCCE	RGB 208 204 206	#D0CCCE
50.0%	50.0% #D0D1D0	RGB 208 209 208	#D0D1D0
66.7%	66.7% #D1D5D3	RGB 209 213 211	#D1D5D3
83.3%	83.3% #D1DAD5	RGB 209 218 213	#D1DAD5
100.0%	100.0% #D2DFD8	RGB 210 223 216	#D2DFD8

#CFC3C9 #CFC7CB #D0CCCE #D0D1D0 #D1D5D3 #D1DAD5 #D2DFD8

#CFC3C9 - #D2DFD8

HSV Blend

#CFC3C9 - #D2DFD8 | 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 #CFC3C9 as 0% and #D2DFD8 as 100%.

0.0%	0.0% #CFC3C9	RGB 207 195 201	#CFC3C9
16.7%	16.7% #D1C5C5	RGB 209 197 197	#D1C5C5
33.3%	33.3% #D4CEC8	RGB 212 206 200	#D4CEC8
50.0%	50.0% #D7D6CA	RGB 215 214 202	#D7D6CA
66.7%	66.7% #D3D9CD	RGB 211 217 205	#D3D9CD
83.3%	83.3% #CFDCCF	RGB 207 220 207	#CFDCCF
100.0%	100.0% #D2DFD8	RGB 210 223 216	#D2DFD8

#CFC3C9 #D1C5C5 #D4CEC8 #D7D6CA #D3D9CD #CFDCCF #D2DFD8

#CFC3C9 - #D7D6CA - #D2DFD8

CSS codes

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

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