#CFC4D0 - #DFECE5 | 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 #CFC4D0 to #DFECE5

#CFC4D0 #DFECE5

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

#CFC4D0 - #DFECE5 | 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 #CFC4D0 as 0% and #DFECE5 as 100%.

0.0%	0.0% #CFC4D0	RGB 207 196 208	#CFC4D0
16.7%	16.7% #D1CAD3	RGB 209 202 211	#D1CAD3
33.3%	33.3% #D4D1D7	RGB 212 209 215	#D4D1D7
50.0%	50.0% #D7D8DA	RGB 215 216 218	#D7D8DA
66.7%	66.7% #D9DEDE	RGB 217 222 222	#D9DEDE
83.3%	83.3% #DCE5E1	RGB 220 229 225	#DCE5E1
100.0%	100.0% #DFECE5	RGB 223 236 229	#DFECE5

#CFC4D0 #D1CAD3 #D4D1D7 #D7D8DA #D9DEDE #DCE5E1 #DFECE5

#CFC4D0 - #DFECE5

HSV Blend

#CFC4D0 - #DFECE5 | 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 #CFC4D0 as 0% and #DFECE5 as 100%.

0.0%	0.0% #CFC4D0	RGB 207 196 208	#CFC4D0
16.7%	16.7% #CEC8D4	RGB 206 200 212	#CEC8D4
33.3%	33.3% #CECCD9	RGB 206 204 217	#CECCD9
50.0%	50.0% #D1D5DE	RGB 209 213 222	#D1D5DE
66.7%	66.7% #D5DFE2	RGB 213 223 226	#D5DFE2
83.3%	83.3% #DAE7E5	RGB 218 231 229	#DAE7E5
100.0%	100.0% #DFECE5	RGB 223 236 229	#DFECE5

#CFC4D0 #CEC8D4 #CECCD9 #D1D5DE #D5DFE2 #DAE7E5 #DFECE5

#CFC4D0 - #D1D5DE - #DFECE5

CSS codes

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

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