#C4D2BF - #ECF2EC | 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 #C4D2BF to #ECF2EC

#C4D2BF #ECF2EC

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

#C4D2BF - #ECF2EC | 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 #C4D2BF as 0% and #ECF2EC as 100%.

0.0%	0.0% #C4D2BF	RGB 196 210 191	#C4D2BF
16.7%	16.7% #CAD7C6	RGB 202 215 198	#CAD7C6
33.3%	33.3% #D1DCCE	RGB 209 220 206	#D1DCCE
50.0%	50.0% #D8E2D5	RGB 216 226 213	#D8E2D5
66.7%	66.7% #DEE7DD	RGB 222 231 221	#DEE7DD
83.3%	83.3% #E5ECE4	RGB 229 236 228	#E5ECE4
100.0%	100.0% #ECF2EC	RGB 236 242 236	#ECF2EC

#C4D2BF #CAD7C6 #D1DCCE #D8E2D5 #DEE7DD #E5ECE4 #ECF2EC

#C4D2BF - #ECF2EC

HSV Blend

#C4D2BF - #ECF2EC | 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 #C4D2BF as 0% and #ECF2EC as 100%.

0.0%	0.0% #C4D2BF	RGB 196 210 191	#C4D2BF
16.7%	16.7% #C9D7C6	RGB 201 215 198	#C9D7C6
33.3%	33.3% #D0DCCD	RGB 208 220 205	#D0DCCD
50.0%	50.0% #D6E2D4	RGB 214 226 212	#D6E2D4
66.7%	66.7% #DDE7DC	RGB 221 231 220	#DDE7DC
83.3%	83.3% #E4ECE4	RGB 228 236 228	#E4ECE4
100.0%	100.0% #ECF2EC	RGB 236 242 236	#ECF2EC

#C4D2BF #C9D7C6 #D0DCCD #D6E2D4 #DDE7DC #E4ECE4 #ECF2EC

#C4D2BF - #D6E2D4 - #ECF2EC

CSS codes

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

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