#C8C8D6 - #DEE1D7 | 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 #C8C8D6 to #DEE1D7

#C8C8D6 #DEE1D7

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

#C8C8D6 - #DEE1D7 | 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 #C8C8D6 as 0% and #DEE1D7 as 100%.

0.0%	0.0% #C8C8D6	RGB 200 200 214	#C8C8D6
16.7%	16.7% #CBCCD6	RGB 203 204 214	#CBCCD6
33.3%	33.3% #CFD0D6	RGB 207 208 214	#CFD0D6
50.0%	50.0% #D3D4D6	RGB 211 212 214	#D3D4D6
66.7%	66.7% #D6D8D6	RGB 214 216 214	#D6D8D6
83.3%	83.3% #DADCD6	RGB 218 220 214	#DADCD6
100.0%	100.0% #DEE1D7	RGB 222 225 215	#DEE1D7

#C8C8D6 #CBCCD6 #CFD0D6 #D3D4D6 #D6D8D6 #DADCD6 #DEE1D7

#C8C8D6 - #DEE1D7

HSV Blend

#C8C8D6 - #DEE1D7 | 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 #C8C8D6 as 0% and #DEE1D7 as 100%.

0.0%	0.0% #C8C8D6	RGB 200 200 214	#C8C8D6
16.7%	16.7% #CAD0D7	RGB 202 208 215	#CAD0D7
33.3%	33.3% #CCD8D9	RGB 204 216 217	#CCD8D9
50.0%	50.0% #CFDBD7	RGB 207 219 215	#CFDBD7
66.7%	66.7% #D1DDD4	RGB 209 221 212	#D1DDD4
83.3%	83.3% #D7DFD4	RGB 215 223 212	#D7DFD4
100.0%	100.0% #DEE1D7	RGB 222 225 215	#DEE1D7

#C8C8D6 #CAD0D7 #CCD8D9 #CFDBD7 #D1DDD4 #D7DFD4 #DEE1D7

#C8C8D6 - #CFDBD7 - #DEE1D7

CSS codes

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

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