#C2BBCD - #D3CEEE | 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 #C2BBCD to #D3CEEE

#C2BBCD #D3CEEE

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

#C2BBCD - #D3CEEE | 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 #C2BBCD as 0% and #D3CEEE as 100%.

0.0%	0.0% #C2BBCD	RGB 194 187 205	#C2BBCD
16.7%	16.7% #C4BED2	RGB 196 190 210	#C4BED2
33.3%	33.3% #C7C1D8	RGB 199 193 216	#C7C1D8
50.0%	50.0% #CAC4DD	RGB 202 196 221	#CAC4DD
66.7%	66.7% #CDC7E3	RGB 205 199 227	#CDC7E3
83.3%	83.3% #D0CAE8	RGB 208 202 232	#D0CAE8
100.0%	100.0% #D3CEEE	RGB 211 206 238	#D3CEEE

#C2BBCD #C4BED2 #C7C1D8 #CAC4DD #CDC7E3 #D0CAE8 #D3CEEE

#C2BBCD - #D3CEEE

HSV Blend

#C2BBCD - #D3CEEE | 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 #C2BBCD as 0% and #D3CEEE as 100%.

0.0%	0.0% #C2BBCD	RGB 194 187 205	#C2BBCD
16.7%	16.7% #C5BED2	RGB 197 190 210	#C5BED2
33.3%	33.3% #C8C1D8	RGB 200 193 216	#C8C1D8
50.0%	50.0% #CBC4DD	RGB 203 196 221	#CBC4DD
66.7%	66.7% #CEC8E3	RGB 206 200 227	#CEC8E3
83.3%	83.3% #D0CBE8	RGB 208 203 232	#D0CBE8
100.0%	100.0% #D3CEEE	RGB 211 206 238	#D3CEEE

#C2BBCD #C5BED2 #C8C1D8 #CBC4DD #CEC8E3 #D0CBE8 #D3CEEE

#C2BBCD - #CBC4DD - #D3CEEE

CSS codes

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

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