#CED2D9 - #C7E6DE | 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 #CED2D9 to #C7E6DE

#CED2D9 #C7E6DE

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

#CED2D9 - #C7E6DE | 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 #CED2D9 as 0% and #C7E6DE as 100%.

0.0%	0.0% #CED2D9	RGB 206 210 217	#CED2D9
16.7%	16.7% #CCD5D9	RGB 204 213 217	#CCD5D9
33.3%	33.3% #CBD8DA	RGB 203 216 218	#CBD8DA
50.0%	50.0% #CADCDB	RGB 202 220 219	#CADCDB
66.7%	66.7% #C9DFDC	RGB 201 223 220	#C9DFDC
83.3%	83.3% #C8E2DD	RGB 200 226 221	#C8E2DD
100.0%	100.0% #C7E6DE	RGB 199 230 222	#C7E6DE

#CED2D9 #CCD5D9 #CBD8DA #CADCDB #C9DFDC #C8E2DD #C7E6DE

#CED2D9 - #C7E6DE

HSV Blend

#CED2D9 - #C7E6DE | 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 #CED2D9 as 0% and #C7E6DE as 100%.

0.0%	0.0% #CED2D9	RGB 206 210 217	#CED2D9
16.7%	16.7% #CCD4DB	RGB 204 212 219	#CCD4DB
33.3%	33.3% #CBD7DD	RGB 203 215 221	#CBD7DD
50.0%	50.0% #CADBDF	RGB 202 219 223	#CADBDF
66.7%	66.7% #C9E0E1	RGB 201 224 225	#C9E0E1
83.3%	83.3% #C8E3E0	RGB 200 227 224	#C8E3E0
100.0%	100.0% #C7E6DE	RGB 199 230 222	#C7E6DE

#CED2D9 #CCD4DB #CBD7DD #CADBDF #C9E0E1 #C8E3E0 #C7E6DE

#CED2D9 - #CADBDF - #C7E6DE

CSS codes

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

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