#BFDACC - #ECF4F0 | 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 #BFDACC to #ECF4F0

#BFDACC #ECF4F0

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

#BFDACC - #ECF4F0 | 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 #BFDACC as 0% and #ECF4F0 as 100%.

0.0%	0.0% #BFDACC	RGB 191 218 204	#BFDACC
16.7%	16.7% #C6DED2	RGB 198 222 210	#C6DED2
33.3%	33.3% #CEE2D8	RGB 206 226 216	#CEE2D8
50.0%	50.0% #D5E7DE	RGB 213 231 222	#D5E7DE
66.7%	66.7% #DDEBE4	RGB 221 235 228	#DDEBE4
83.3%	83.3% #E4EFEA	RGB 228 239 234	#E4EFEA
100.0%	100.0% #ECF4F0	RGB 236 244 240	#ECF4F0

#BFDACC #C6DED2 #CEE2D8 #D5E7DE #DDEBE4 #E4EFEA #ECF4F0

#BFDACC - #ECF4F0

HSV Blend

#BFDACC - #ECF4F0 | 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 #BFDACC as 0% and #ECF4F0 as 100%.

0.0%	0.0% #BFDACC	RGB 191 218 204	#BFDACC
16.7%	16.7% #C6DED1	RGB 198 222 209	#C6DED1
33.3%	33.3% #CDE2D7	RGB 205 226 215	#CDE2D7
50.0%	50.0% #D4E7DD	RGB 212 231 221	#D4E7DD
66.7%	66.7% #DCEBE3	RGB 220 235 227	#DCEBE3
83.3%	83.3% #E4EFE9	RGB 228 239 233	#E4EFE9
100.0%	100.0% #ECF4F0	RGB 236 244 240	#ECF4F0

#BFDACC #C6DED1 #CDE2D7 #D4E7DD #DCEBE3 #E4EFE9 #ECF4F0

#BFDACC - #D4E7DD - #ECF4F0

CSS codes

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

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