#C8C5C5 - #CDE2DF | 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 #C8C5C5 to #CDE2DF

#C8C5C5 #CDE2DF

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

#C8C5C5 - #CDE2DF | 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 #C8C5C5 as 0% and #CDE2DF as 100%.

0.0%	0.0% #C8C5C5	RGB 200 197 197	#C8C5C5
16.7%	16.7% #C8C9C9	RGB 200 201 201	#C8C9C9
33.3%	33.3% #C9CECD	RGB 201 206 205	#C9CECD
50.0%	50.0% #CAD3D2	RGB 202 211 210	#CAD3D2
66.7%	66.7% #CBD8D6	RGB 203 216 214	#CBD8D6
83.3%	83.3% #CCDDDA	RGB 204 221 218	#CCDDDA
100.0%	100.0% #CDE2DF	RGB 205 226 223	#CDE2DF

#C8C5C5 #C8C9C9 #C9CECD #CAD3D2 #CBD8D6 #CCDDDA #CDE2DF

#C8C5C5 - #CDE2DF

HSV Blend

#C8C5C5 - #CDE2DF | 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 #C8C5C5 as 0% and #CDE2DF as 100%.

0.0%	0.0% #C8C5C5	RGB 200 197 197	#C8C5C5
16.7%	16.7% #CCC9C6	RGB 204 201 198	#CCC9C6
33.3%	33.3% #D0D0C8	RGB 208 208 200	#D0D0C8
50.0%	50.0% #D0D5C9	RGB 208 213 201	#D0D5C9
66.7%	66.7% #CCD9CA	RGB 204 217 202	#CCD9CA
83.3%	83.3% #CBDDD2	RGB 203 221 210	#CBDDD2
100.0%	100.0% #CDE2DF	RGB 205 226 223	#CDE2DF

#C8C5C5 #CCC9C6 #D0D0C8 #D0D5C9 #CCD9CA #CBDDD2 #CDE2DF

#C8C5C5 - #D0D5C9 - #CDE2DF

CSS codes

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

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