#CFC6C2 - #DBDFE9 | 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 #CFC6C2 to #DBDFE9

#CFC6C2 #DBDFE9

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

#CFC6C2 - #DBDFE9 | 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 #CFC6C2 as 0% and #DBDFE9 as 100%.

0.0%	0.0% #CFC6C2	RGB 207 198 194	#CFC6C2
16.7%	16.7% #D1CAC8	RGB 209 202 200	#D1CAC8
33.3%	33.3% #D3CECF	RGB 211 206 207	#D3CECF
50.0%	50.0% #D5D2D5	RGB 213 210 213	#D5D2D5
66.7%	66.7% #D7D6DC	RGB 215 214 220	#D7D6DC
83.3%	83.3% #D9DAE2	RGB 217 218 226	#D9DAE2
100.0%	100.0% #DBDFE9	RGB 219 223 233	#DBDFE9

#CFC6C2 #D1CAC8 #D3CECF #D5D2D5 #D7D6DC #D9DAE2 #DBDFE9

#CFC6C2 - #DBDFE9

HSV Blend

#CFC6C2 - #DBDFE9 | 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 #CFC6C2 as 0% and #DBDFE9 as 100%.

0.0%	0.0% #CFC6C2	RGB 207 198 194	#CFC6C2
16.7%	16.7% #D3C6C7	RGB 211 198 199	#D3C6C7
33.3%	33.3% #D7CAD1	RGB 215 202 209	#D7CAD1
50.0%	50.0% #DCCEDB	RGB 220 206 219	#DCCEDB
66.7%	66.7% #DAD2E0	RGB 218 210 224	#DAD2E0
83.3%	83.3% #D8D6E4	RGB 216 214 228	#D8D6E4
100.0%	100.0% #DBDFE9	RGB 219 223 233	#DBDFE9

#CFC6C2 #D3C6C7 #D7CAD1 #DCCEDB #DAD2E0 #D8D6E4 #DBDFE9

#CFC6C2 - #DCCEDB - #DBDFE9

CSS codes

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

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