#CACDCC - #CDE3C5 | 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 #CACDCC to #CDE3C5

#CACDCC #CDE3C5

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

#CACDCC - #CDE3C5 | 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 #CACDCC as 0% and #CDE3C5 as 100%.

0.0%	0.0% #CACDCC	RGB 202 205 204	#CACDCC
16.7%	16.7% #CAD0CA	RGB 202 208 202	#CAD0CA
33.3%	33.3% #CBD4C9	RGB 203 212 201	#CBD4C9
50.0%	50.0% #CBD8C8	RGB 203 216 200	#CBD8C8
66.7%	66.7% #CCDBC7	RGB 204 219 199	#CCDBC7
83.3%	83.3% #CCDFC6	RGB 204 223 198	#CCDFC6
100.0%	100.0% #CDE3C5	RGB 205 227 197	#CDE3C5

#CACDCC #CAD0CA #CBD4C9 #CBD8C8 #CCDBC7 #CCDFC6 #CDE3C5

#CACDCC - #CDE3C5

HSV Blend

#CACDCC - #CDE3C5 | 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 #CACDCC as 0% and #CDE3C5 as 100%.

0.0%	0.0% #CACDCC	RGB 202 205 204	#CACDCC
16.7%	16.7% #C9D0CD	RGB 201 208 205	#C9D0CD
33.3%	33.3% #C8D4CC	RGB 200 212 204	#C8D4CC
50.0%	50.0% #C8D8CB	RGB 200 216 203	#C8D8CB
66.7%	66.7% #C7DBC8	RGB 199 219 200	#C7DBC8
83.3%	83.3% #C8DFC6	RGB 200 223 198	#C8DFC6
100.0%	100.0% #CDE3C5	RGB 205 227 197	#CDE3C5

#CACDCC #C9D0CD #C8D4CC #C8D8CB #C7DBC8 #C8DFC6 #CDE3C5

#CACDCC - #C8D8CB - #CDE3C5

CSS codes

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

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