#CFC4D0 - #DFECE3 | 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 #DFECE3

#CFC4D0 #DFECE3

Calculate the color between two colors, #CFC4D0 and #DFECE3. 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 - #DFECE3 | 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 #DFECE3 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% #D4D1D6	RGB 212 209 214	#D4D1D6
50.0%	50.0% #D7D8D9	RGB 215 216 217	#D7D8D9
66.7%	66.7% #D9DEDC	RGB 217 222 220	#D9DEDC
83.3%	83.3% #DCE5DF	RGB 220 229 223	#DCE5DF
100.0%	100.0% #DFECE3	RGB 223 236 227	#DFECE3

#CFC4D0 #D1CAD3 #D4D1D6 #D7D8D9 #D9DEDC #DCE5DF #DFECE3

#CFC4D0 - #DFECE3

HSV Blend

#CFC4D0 - #DFECE3 | 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 #DFECE3 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% #CDCCD9	RGB 205 204 217	#CDCCD9
50.0%	50.0% #D1D6DE	RGB 209 214 222	#D1D6DE
66.7%	66.7% #D5E0E2	RGB 213 224 226	#D5E0E2
83.3%	83.3% #DAE7E4	RGB 218 231 228	#DAE7E4
100.0%	100.0% #DFECE3	RGB 223 236 227	#DFECE3

#CFC4D0 #CEC8D4 #CDCCD9 #D1D6DE #D5E0E2 #DAE7E4 #DFECE3

#CFC4D0 - #D1D6DE - #DFECE3

CSS codes

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

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