#CCD0CC - #E6DBE3 | 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 #CCD0CC to #E6DBE3

#CCD0CC #E6DBE3

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

#CCD0CC - #E6DBE3 | 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 #CCD0CC as 0% and #E6DBE3 as 100%.

0.0%	0.0% #CCD0CC	RGB 204 208 204	#CCD0CC
16.7%	16.7% #D0D1CF	RGB 208 209 207	#D0D1CF
33.3%	33.3% #D4D3D3	RGB 212 211 211	#D4D3D3
50.0%	50.0% #D9D5D7	RGB 217 213 215	#D9D5D7
66.7%	66.7% #DDD7DB	RGB 221 215 219	#DDD7DB
83.3%	83.3% #E1D9DF	RGB 225 217 223	#E1D9DF
100.0%	100.0% #E6DBE3	RGB 230 219 227	#E6DBE3

#CCD0CC #D0D1CF #D4D3D3 #D9D5D7 #DDD7DB #E1D9DF #E6DBE3

#CCD0CC - #E6DBE3

HSV Blend

#CCD0CC - #E6DBE3 | 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 #CCD0CC as 0% and #E6DBE3 as 100%.

0.0%	0.0% #CCD0CC	RGB 204 208 204	#CCD0CC
16.7%	16.7% #D0D3CE	RGB 208 211 206	#D0D3CE
33.3%	33.3% #D6D7D1	RGB 214 215 209	#D6D7D1
50.0%	50.0% #DBD8D3	RGB 219 216 211	#DBD8D3
66.7%	66.7% #DED7D6	RGB 222 215 214	#DED7D6
83.3%	83.3% #E2D8DB	RGB 226 216 219	#E2D8DB
100.0%	100.0% #E6DBE3	RGB 230 219 227	#E6DBE3

#CCD0CC #D0D3CE #D6D7D1 #DBD8D3 #DED7D6 #E2D8DB #E6DBE3

#CCD0CC - #DBD8D3 - #E6DBE3

CSS codes

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

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