#CBCACE - #FDE2FF | 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 #CBCACE to #FDE2FF

#CBCACE #FDE2FF

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

#CBCACE - #FDE2FF | 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 #CBCACE as 0% and #FDE2FF as 100%.

0.0%	0.0% #CBCACE	RGB 203 202 206	#CBCACE
16.7%	16.7% #D3CED6	RGB 211 206 214	#D3CED6
33.3%	33.3% #DBD2DE	RGB 219 210 222	#DBD2DE
50.0%	50.0% #E4D6E6	RGB 228 214 230	#E4D6E6
66.7%	66.7% #ECDAEE	RGB 236 218 238	#ECDAEE
83.3%	83.3% #F4DEF6	RGB 244 222 246	#F4DEF6
100.0%	100.0% #FDE2FF	RGB 253 226 255	#FDE2FF

#CBCACE #D3CED6 #DBD2DE #E4D6E6 #ECDAEE #F4DEF6 #FDE2FF

#CBCACE - #FDE2FF

HSV Blend

#CBCACE - #FDE2FF | 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 #CBCACE as 0% and #FDE2FF as 100%.

0.0%	0.0% #CBCACE	RGB 203 202 206	#CBCACE
16.7%	16.7% #D1CED6	RGB 209 206 214	#D1CED6
33.3%	33.3% #D8D3DE	RGB 216 211 222	#D8D3DE
50.0%	50.0% #E0D7E6	RGB 224 215 230	#E0D7E6
66.7%	66.7% #E8DBEE	RGB 232 219 238	#E8DBEE
83.3%	83.3% #F2DEF6	RGB 242 222 246	#F2DEF6
100.0%	100.0% #FDE2FF	RGB 253 226 255	#FDE2FF

#CBCACE #D1CED6 #D8D3DE #E0D7E6 #E8DBEE #F2DEF6 #FDE2FF

#CBCACE - #E0D7E6 - #FDE2FF

CSS codes

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

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