#CCCCCE - #E2DDD3 | 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 #CCCCCE to #E2DDD3

#CCCCCE #E2DDD3

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

#CCCCCE - #E2DDD3 | 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 #CCCCCE as 0% and #E2DDD3 as 100%.

0.0%	0.0% #CCCCCE	RGB 204 204 206	#CCCCCE
16.7%	16.7% #CFCECE	RGB 207 206 206	#CFCECE
33.3%	33.3% #D3D1CF	RGB 211 209 207	#D3D1CF
50.0%	50.0% #D7D4D0	RGB 215 212 208	#D7D4D0
66.7%	66.7% #DAD7D1	RGB 218 215 209	#DAD7D1
83.3%	83.3% #DEDAD2	RGB 222 218 210	#DEDAD2
100.0%	100.0% #E2DDD3	RGB 226 221 211	#E2DDD3

#CCCCCE #CFCECE #D3D1CF #D7D4D0 #DAD7D1 #DEDAD2 #E2DDD3

#CCCCCE - #E2DDD3

HSV Blend

#CCCCCE - #E2DDD3 | 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 #CCCCCE as 0% and #E2DDD3 as 100%.

0.0%	0.0% #CCCCCE	RGB 204 204 206	#CCCCCE
16.7%	16.7% #CFCDD1	RGB 207 205 209	#CFCDD1
33.3%	33.3% #D3CED4	RGB 211 206 212	#D3CED4
50.0%	50.0% #D8CFD5	RGB 216 207 213	#D8CFD5
66.7%	66.7% #DBD0D3	RGB 219 208 211	#DBD0D3
83.3%	83.3% #DED4D1	RGB 222 212 209	#DED4D1
100.0%	100.0% #E2DDD3	RGB 226 221 211	#E2DDD3

#CCCCCE #CFCDD1 #D3CED4 #D8CFD5 #DBD0D3 #DED4D1 #E2DDD3

#CCCCCE - #D8CFD5 - #E2DDD3

CSS codes

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

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