#C9CDBE - #D2FFD5 | 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 #C9CDBE to #D2FFD5

#C9CDBE #D2FFD5

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

#C9CDBE - #D2FFD5 | 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 #C9CDBE as 0% and #D2FFD5 as 100%.

0.0%	0.0% #C9CDBE	RGB 201 205 190	#C9CDBE
16.7%	16.7% #CAD5C1	RGB 202 213 193	#CAD5C1
33.3%	33.3% #CCDDC5	RGB 204 221 197	#CCDDC5
50.0%	50.0% #CDE6C9	RGB 205 230 201	#CDE6C9
66.7%	66.7% #CFEECD	RGB 207 238 205	#CFEECD
83.3%	83.3% #D0F6D1	RGB 208 246 209	#D0F6D1
100.0%	100.0% #D2FFD5	RGB 210 255 213	#D2FFD5

#C9CDBE #CAD5C1 #CCDDC5 #CDE6C9 #CFEECD #D0F6D1 #D2FFD5

#C9CDBE - #D2FFD5

HSV Blend

#C9CDBE - #D2FFD5 | 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 #C9CDBE as 0% and #D2FFD5 as 100%.

0.0%	0.0% #C9CDBE	RGB 201 205 190	#C9CDBE
16.7%	16.7% #CDD5C2	RGB 205 213 194	#CDD5C2
33.3%	33.3% #D0DDC5	RGB 208 221 197	#D0DDC5
50.0%	50.0% #D2E6C9	RGB 210 230 201	#D2E6C9
66.7%	66.7% #D3EECC	RGB 211 238 204	#D3EECC
83.3%	83.3% #D2F6CF	RGB 210 246 207	#D2F6CF
100.0%	100.0% #D2FFD5	RGB 210 255 213	#D2FFD5

#C9CDBE #CDD5C2 #D0DDC5 #D2E6C9 #D3EECC #D2F6CF #D2FFD5

#C9CDBE - #D2E6C9 - #D2FFD5

CSS codes

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

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