#CFCCCE - #D1D1EC | 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 #CFCCCE to #D1D1EC

#CFCCCE #D1D1EC

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

#CFCCCE - #D1D1EC | 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 #CFCCCE as 0% and #D1D1EC as 100%.

0.0%	0.0% #CFCCCE	RGB 207 204 206	#CFCCCE
16.7%	16.7% #CFCCD3	RGB 207 204 211	#CFCCD3
33.3%	33.3% #CFCDD8	RGB 207 205 216	#CFCDD8
50.0%	50.0% #D0CEDD	RGB 208 206 221	#D0CEDD
66.7%	66.7% #D0CFE2	RGB 208 207 226	#D0CFE2
83.3%	83.3% #D0D0E7	RGB 208 208 231	#D0D0E7
100.0%	100.0% #D1D1EC	RGB 209 209 236	#D1D1EC

#CFCCCE #CFCCD3 #CFCDD8 #D0CEDD #D0CFE2 #D0D0E7 #D1D1EC

#CFCCCE - #D1D1EC

HSV Blend

#CFCCCE - #D1D1EC | 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 #CFCCCE as 0% and #D1D1EC as 100%.

0.0%	0.0% #CFCCCE	RGB 207 204 206	#CFCCCE
16.7%	16.7% #D3CDD3	RGB 211 205 211	#D3CDD3
33.3%	33.3% #D7CED8	RGB 215 206 216	#D7CED8
50.0%	50.0% #D8CFDD	RGB 216 207 221	#D8CFDD
66.7%	66.7% #D8CFE2	RGB 216 207 226	#D8CFE2
83.3%	83.3% #D5D0E7	RGB 213 208 231	#D5D0E7
100.0%	100.0% #D1D1EC	RGB 209 209 236	#D1D1EC

#CFCCCE #D3CDD3 #D7CED8 #D8CFDD #D8CFE2 #D5D0E7 #D1D1EC

#CFCCCE - #D8CFDD - #D1D1EC

CSS codes

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

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