#C7CCD0 - #EBEADF | 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 #C7CCD0 to #EBEADF

#C7CCD0 #EBEADF

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

#C7CCD0 - #EBEADF | 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 #C7CCD0 as 0% and #EBEADF as 100%.

0.0%	0.0% #C7CCD0	RGB 199 204 208	#C7CCD0
16.7%	16.7% #CDD1D2	RGB 205 209 210	#CDD1D2
33.3%	33.3% #D3D6D5	RGB 211 214 213	#D3D6D5
50.0%	50.0% #D9DBD7	RGB 217 219 215	#D9DBD7
66.7%	66.7% #DFE0DA	RGB 223 224 218	#DFE0DA
83.3%	83.3% #E5E5DC	RGB 229 229 220	#E5E5DC
100.0%	100.0% #EBEADF	RGB 235 234 223	#EBEADF

#C7CCD0 #CDD1D2 #D3D6D5 #D9DBD7 #DFE0DA #E5E5DC #EBEADF

#C7CCD0 - #EBEADF

HSV Blend

#C7CCD0 - #EBEADF | 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 #C7CCD0 as 0% and #EBEADF as 100%.

0.0%	0.0% #C7CCD0	RGB 199 204 208	#C7CCD0
16.7%	16.7% #CBD4D4	RGB 203 212 212	#CBD4D4
33.3%	33.3% #CFD9D5	RGB 207 217 213	#CFD9D5
50.0%	50.0% #D3DDD4	RGB 211 221 212	#D3DDD4
66.7%	66.7% #D9E2D7	RGB 217 226 215	#D9E2D7
83.3%	83.3% #E2E6DB	RGB 226 230 219	#E2E6DB
100.0%	100.0% #EBEADF	RGB 235 234 223	#EBEADF

#C7CCD0 #CBD4D4 #CFD9D5 #D3DDD4 #D9E2D7 #E2E6DB #EBEADF

#C7CCD0 - #D3DDD4 - #EBEADF

CSS codes

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

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