#C8D4CF - #D5ECCD | 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 #C8D4CF to #D5ECCD

#C8D4CF #D5ECCD

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

#C8D4CF - #D5ECCD | 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 #C8D4CF as 0% and #D5ECCD as 100%.

0.0%	0.0% #C8D4CF	RGB 200 212 207	#C8D4CF
16.7%	16.7% #CAD8CE	RGB 202 216 206	#CAD8CE
33.3%	33.3% #CCDCCE	RGB 204 220 206	#CCDCCE
50.0%	50.0% #CEE0CE	RGB 206 224 206	#CEE0CE
66.7%	66.7% #D0E4CD	RGB 208 228 205	#D0E4CD
83.3%	83.3% #D2E8CD	RGB 210 232 205	#D2E8CD
100.0%	100.0% #D5ECCD	RGB 213 236 205	#D5ECCD

#C8D4CF #CAD8CE #CCDCCE #CEE0CE #D0E4CD #D2E8CD #D5ECCD

#C8D4CF - #D5ECCD

HSV Blend

#C8D4CF - #D5ECCD | 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 #C8D4CF as 0% and #D5ECCD as 100%.

0.0%	0.0% #C8D4CF	RGB 200 212 207	#C8D4CF
16.7%	16.7% #C9D8CF	RGB 201 216 207	#C9D8CF
33.3%	33.3% #CADCCF	RGB 202 220 207	#CADCCF
50.0%	50.0% #CAE0CE	RGB 202 224 206	#CAE0CE
66.7%	66.7% #CBE4CC	RGB 203 228 204	#CBE4CC
83.3%	83.3% #CFE8CC	RGB 207 232 204	#CFE8CC
100.0%	100.0% #D5ECCD	RGB 213 236 205	#D5ECCD

#C8D4CF #C9D8CF #CADCCF #CAE0CE #CBE4CC #CFE8CC #D5ECCD

#C8D4CF - #CAE0CE - #D5ECCD

CSS codes

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

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