#BED4B9 - #ECF2EB | 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 #BED4B9 to #ECF2EB

#BED4B9 #ECF2EB

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

#BED4B9 - #ECF2EB | 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 #BED4B9 as 0% and #ECF2EB as 100%.

0.0%	0.0% #BED4B9	RGB 190 212 185	#BED4B9
16.7%	16.7% #C5D9C1	RGB 197 217 193	#C5D9C1
33.3%	33.3% #CDDEC9	RGB 205 222 201	#CDDEC9
50.0%	50.0% #D5E3D2	RGB 213 227 210	#D5E3D2
66.7%	66.7% #DCE8DA	RGB 220 232 218	#DCE8DA
83.3%	83.3% #E4EDE2	RGB 228 237 226	#E4EDE2
100.0%	100.0% #ECF2EB	RGB 236 242 235	#ECF2EB

#BED4B9 #C5D9C1 #CDDEC9 #D5E3D2 #DCE8DA #E4EDE2 #ECF2EB

#BED4B9 - #ECF2EB

HSV Blend

#BED4B9 - #ECF2EB | 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 #BED4B9 as 0% and #ECF2EB as 100%.

0.0%	0.0% #BED4B9	RGB 190 212 185	#BED4B9
16.7%	16.7% #C5D9C0	RGB 197 217 192	#C5D9C0
33.3%	33.3% #CCDEC9	RGB 204 222 201	#CCDEC9
50.0%	50.0% #D4E3D1	RGB 212 227 209	#D4E3D1
66.7%	66.7% #DBE8D9	RGB 219 232 217	#DBE8D9
83.3%	83.3% #E3EDE2	RGB 227 237 226	#E3EDE2
100.0%	100.0% #ECF2EB	RGB 236 242 235	#ECF2EB

#BED4B9 #C5D9C0 #CCDEC9 #D4E3D1 #DBE8D9 #E3EDE2 #ECF2EB

#BED4B9 - #D4E3D1 - #ECF2EB

CSS codes

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

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