#CBC4D0 - #DFECE0 | 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 #CBC4D0 to #DFECE0

#CBC4D0 #DFECE0

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

#CBC4D0 - #DFECE0 | 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 #CBC4D0 as 0% and #DFECE0 as 100%.

0.0%	0.0% #CBC4D0	RGB 203 196 208	#CBC4D0
16.7%	16.7% #CECAD2	RGB 206 202 210	#CECAD2
33.3%	33.3% #D1D1D5	RGB 209 209 213	#D1D1D5
50.0%	50.0% #D5D8D8	RGB 213 216 216	#D5D8D8
66.7%	66.7% #D8DEDA	RGB 216 222 218	#D8DEDA
83.3%	83.3% #DBE5DD	RGB 219 229 221	#DBE5DD
100.0%	100.0% #DFECE0	RGB 223 236 224	#DFECE0

#CBC4D0 #CECAD2 #D1D1D5 #D5D8D8 #D8DEDA #DBE5DD #DFECE0

#CBC4D0 - #DFECE0

HSV Blend

#CBC4D0 - #DFECE0 | 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 #CBC4D0 as 0% and #DFECE0 as 100%.

0.0%	0.0% #CBC4D0	RGB 203 196 208	#CBC4D0
16.7%	16.7% #CAC8D4	RGB 202 200 212	#CAC8D4
33.3%	33.3% #CCD0D9	RGB 204 208 217	#CCD0D9
50.0%	50.0% #D1D9DE	RGB 209 217 222	#D1D9DE
66.7%	66.7% #D5E2E1	RGB 213 226 225	#D5E2E1
83.3%	83.3% #DAE7E0	RGB 218 231 224	#DAE7E0
100.0%	100.0% #DFECE0	RGB 223 236 224	#DFECE0

#CBC4D0 #CAC8D4 #CCD0D9 #D1D9DE #D5E2E1 #DAE7E0 #DFECE0

#CBC4D0 - #D1D9DE - #DFECE0

CSS codes

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

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