#CED2D0 - #C9E8D0 | 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 #CED2D0 to #C9E8D0

#CED2D0 #C9E8D0

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

#CED2D0 - #C9E8D0 | 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 #CED2D0 as 0% and #C9E8D0 as 100%.

0.0%	0.0% #CED2D0	RGB 206 210 208	#CED2D0
16.7%	16.7% #CDD5D0	RGB 205 213 208	#CDD5D0
33.3%	33.3% #CCD9D0	RGB 204 217 208	#CCD9D0
50.0%	50.0% #CBDDD0	RGB 203 221 208	#CBDDD0
66.7%	66.7% #CAE0D0	RGB 202 224 208	#CAE0D0
83.3%	83.3% #C9E4D0	RGB 201 228 208	#C9E4D0
100.0%	100.0% #C9E8D0	RGB 201 232 208	#C9E8D0

#CED2D0 #CDD5D0 #CCD9D0 #CBDDD0 #CAE0D0 #C9E4D0 #C9E8D0

#CED2D0 - #C9E8D0

HSV Blend

#CED2D0 - #C9E8D0 | 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 #CED2D0 as 0% and #C9E8D0 as 100%.

0.0%	0.0% #CED2D0	RGB 206 210 208	#CED2D0
16.7%	16.7% #CDD5D1	RGB 205 213 209	#CDD5D1
33.3%	33.3% #CCD9D1	RGB 204 217 209	#CCD9D1
50.0%	50.0% #CCDDD2	RGB 204 221 210	#CCDDD2
66.7%	66.7% #CBE0D2	RGB 203 224 210	#CBE0D2
83.3%	83.3% #CAE4D1	RGB 202 228 209	#CAE4D1
100.0%	100.0% #C9E8D0	RGB 201 232 208	#C9E8D0

#CED2D0 #CDD5D1 #CCD9D1 #CCDDD2 #CBE0D2 #CAE4D1 #C9E8D0

#CED2D0 - #CCDDD2 - #C9E8D0

CSS codes

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

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