#CECCCC - #D3DBE2 | 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 #CECCCC to #D3DBE2

#CECCCC #D3DBE2

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

#CECCCC - #D3DBE2 | 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 #CECCCC as 0% and #D3DBE2 as 100%.

0.0%	0.0% #CECCCC	RGB 206 204 204	#CECCCC
16.7%	16.7% #CECECF	RGB 206 206 207	#CECECF
33.3%	33.3% #CFD1D3	RGB 207 209 211	#CFD1D3
50.0%	50.0% #D0D3D7	RGB 208 211 215	#D0D3D7
66.7%	66.7% #D1D6DA	RGB 209 214 218	#D1D6DA
83.3%	83.3% #D2D8DE	RGB 210 216 222	#D2D8DE
100.0%	100.0% #D3DBE2	RGB 211 219 226	#D3DBE2

#CECCCC #CECECF #CFD1D3 #D0D3D7 #D1D6DA #D2D8DE #D3DBE2

#CECCCC - #D3DBE2

HSV Blend

#CECCCC - #D3DBE2 | 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 #CECCCC as 0% and #D3DBE2 as 100%.

0.0%	0.0% #CECCCC	RGB 206 204 204	#CECCCC
16.7%	16.7% #D1CDCF	RGB 209 205 207	#D1CDCF
33.3%	33.3% #D4CED3	RGB 212 206 211	#D4CED3
50.0%	50.0% #D5CFD8	RGB 213 207 216	#D5CFD8
66.7%	66.7% #D4D0DB	RGB 212 208 219	#D4D0DB
83.3%	83.3% #D1D3DE	RGB 209 211 222	#D1D3DE
100.0%	100.0% #D3DBE2	RGB 211 219 226	#D3DBE2

#CECCCC #D1CDCF #D4CED3 #D5CFD8 #D4D0DB #D1D3DE #D3DBE2

#CECCCC - #D5CFD8 - #D3DBE2

CSS codes

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

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