#C8C8D4 - #CCD9E7 | 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 #C8C8D4 to #CCD9E7

#C8C8D4 #CCD9E7

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

#C8C8D4 - #CCD9E7 | 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 #C8C8D4 as 0% and #CCD9E7 as 100%.

0.0%	0.0% #C8C8D4	RGB 200 200 212	#C8C8D4
16.7%	16.7% #C8CAD7	RGB 200 202 215	#C8CAD7
33.3%	33.3% #C9CDDA	RGB 201 205 218	#C9CDDA
50.0%	50.0% #CAD0DD	RGB 202 208 221	#CAD0DD
66.7%	66.7% #CAD3E0	RGB 202 211 224	#CAD3E0
83.3%	83.3% #CBD6E3	RGB 203 214 227	#CBD6E3
100.0%	100.0% #CCD9E7	RGB 204 217 231	#CCD9E7

#C8C8D4 #C8CAD7 #C9CDDA #CAD0DD #CAD3E0 #CBD6E3 #CCD9E7

#C8C8D4 - #CCD9E7

HSV Blend

#C8C8D4 - #CCD9E7 | 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 #C8C8D4 as 0% and #CCD9E7 as 100%.

0.0%	0.0% #C8C8D4	RGB 200 200 212	#C8C8D4
16.7%	16.7% #C8C9D7	RGB 200 201 215	#C8C9D7
33.3%	33.3% #C9CCDA	RGB 201 204 218	#C9CCDA
50.0%	50.0% #CACEDD	RGB 202 206 221	#CACEDD
66.7%	66.7% #CAD1E0	RGB 202 209 224	#CAD1E0
83.3%	83.3% #CBD5E3	RGB 203 213 227	#CBD5E3
100.0%	100.0% #CCD9E7	RGB 204 217 231	#CCD9E7

#C8C8D4 #C8C9D7 #C9CCDA #CACEDD #CAD1E0 #CBD5E3 #CCD9E7

#C8C8D4 - #CACEDD - #CCD9E7

CSS codes

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

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