#C8D6C0 - #EFEECD | 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 #C8D6C0 to #EFEECD

#C8D6C0 #EFEECD

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

#C8D6C0 - #EFEECD | 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 #C8D6C0 as 0% and #EFEECD as 100%.

0.0%	0.0% #C8D6C0	RGB 200 214 192	#C8D6C0
16.7%	16.7% #CEDAC2	RGB 206 218 194	#CEDAC2
33.3%	33.3% #D5DEC4	RGB 213 222 196	#D5DEC4
50.0%	50.0% #DBE2C6	RGB 219 226 198	#DBE2C6
66.7%	66.7% #E2E6C8	RGB 226 230 200	#E2E6C8
83.3%	83.3% #E8EACA	RGB 232 234 202	#E8EACA
100.0%	100.0% #EFEECD	RGB 239 238 205	#EFEECD

#C8D6C0 #CEDAC2 #D5DEC4 #DBE2C6 #E2E6C8 #E8EACA #EFEECD

#C8D6C0 - #EFEECD

HSV Blend

#C8D6C0 - #EFEECD | 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 #C8D6C0 as 0% and #EFEECD as 100%.

0.0%	0.0% #C8D6C0	RGB 200 214 192	#C8D6C0
16.7%	16.7% #CDDAC2	RGB 205 218 194	#CDDAC2
33.3%	33.3% #D3DEC4	RGB 211 222 196	#D3DEC4
50.0%	50.0% #DAE2C6	RGB 218 226 198	#DAE2C6
66.7%	66.7% #E0E6C8	RGB 224 230 200	#E0E6C8
83.3%	83.3% #E8EACA	RGB 232 234 202	#E8EACA
100.0%	100.0% #EFEECD	RGB 239 238 205	#EFEECD

#C8D6C0 #CDDAC2 #D3DEC4 #DAE2C6 #E0E6C8 #E8EACA #EFEECD

#C8D6C0 - #DAE2C6 - #EFEECD

CSS codes

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

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