#CCC0D1 - #CBCBEC | 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 #CCC0D1 to #CBCBEC

#CCC0D1 #CBCBEC

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

#CCC0D1 - #CBCBEC | 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 #CCC0D1 as 0% and #CBCBEC as 100%.

0.0%	0.0% #CCC0D1	RGB 204 192 209	#CCC0D1
16.7%	16.7% #CBC1D5	RGB 203 193 213	#CBC1D5
33.3%	33.3% #CBC3DA	RGB 203 195 218	#CBC3DA
50.0%	50.0% #CBC5DE	RGB 203 197 222	#CBC5DE
66.7%	66.7% #CBC7E3	RGB 203 199 227	#CBC7E3
83.3%	83.3% #CBC9E7	RGB 203 201 231	#CBC9E7
100.0%	100.0% #CBCBEC	RGB 203 203 236	#CBCBEC

#CCC0D1 #CBC1D5 #CBC3DA #CBC5DE #CBC7E3 #CBC9E7 #CBCBEC

#CCC0D1 - #CBCBEC

HSV Blend

#CCC0D1 - #CBCBEC | 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 #CCC0D1 as 0% and #CBCBEC as 100%.

0.0%	0.0% #CCC0D1	RGB 204 192 209	#CCC0D1
16.7%	16.7% #CDC2D5	RGB 205 194 213	#CDC2D5
33.3%	33.3% #CEC4DA	RGB 206 196 218	#CEC4DA
50.0%	50.0% #CEC5DE	RGB 206 197 222	#CEC5DE
66.7%	66.7% #CEC7E3	RGB 206 199 227	#CEC7E3
83.3%	83.3% #CCC9E7	RGB 204 201 231	#CCC9E7
100.0%	100.0% #CBCBEC	RGB 203 203 236	#CBCBEC

#CCC0D1 #CDC2D5 #CEC4DA #CEC5DE #CEC7E3 #CCC9E7 #CBCBEC

#CCC0D1 - #CEC5DE - #CBCBEC

CSS codes

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

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