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

#BED4C0 #ECF2EC

Calculate the color between two colors, #BED4C0 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)

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

0.0%	0.0% #BED4C0	RGB 190 212 192	#BED4C0
16.7%	16.7% #C5D9C7	RGB 197 217 199	#C5D9C7
33.3%	33.3% #CDDECE	RGB 205 222 206	#CDDECE
50.0%	50.0% #D5E3D6	RGB 213 227 214	#D5E3D6
66.7%	66.7% #DCE8DD	RGB 220 232 221	#DCE8DD
83.3%	83.3% #E4EDE4	RGB 228 237 228	#E4EDE4
100.0%	100.0% #ECF2EC	RGB 236 242 236	#ECF2EC

#BED4C0 #C5D9C7 #CDDECE #D5E3D6 #DCE8DD #E4EDE4 #ECF2EC

#BED4C0 - #ECF2EC

HSV Blend

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

0.0%	0.0% #BED4C0	RGB 190 212 192	#BED4C0
16.7%	16.7% #C5D9C6	RGB 197 217 198	#C5D9C6
33.3%	33.3% #CCDECD	RGB 204 222 205	#CCDECD
50.0%	50.0% #D4E3D5	RGB 212 227 213	#D4E3D5
66.7%	66.7% #DCE8DC	RGB 220 232 220	#DCE8DC
83.3%	83.3% #E4EDE4	RGB 228 237 228	#E4EDE4
100.0%	100.0% #ECF2EC	RGB 236 242 236	#ECF2EC

#BED4C0 #C5D9C6 #CCDECD #D4E3D5 #DCE8DC #E4EDE4 #ECF2EC

#BED4C0 - #D4E3D5 - #ECF2EC

CSS codes

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

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