#BFDECF - #ECF5F0 | 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 #BFDECF to #ECF5F0

#BFDECF #ECF5F0

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

#BFDECF - #ECF5F0 | 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 #BFDECF as 0% and #ECF5F0 as 100%.

0.0%	0.0% #BFDECF	RGB 191 222 207	#BFDECF
16.7%	16.7% #C6E1D4	RGB 198 225 212	#C6E1D4
33.3%	33.3% #CEE5DA	RGB 206 229 218	#CEE5DA
50.0%	50.0% #D5E9DF	RGB 213 233 223	#D5E9DF
66.7%	66.7% #DDEDE5	RGB 221 237 229	#DDEDE5
83.3%	83.3% #E4F1EA	RGB 228 241 234	#E4F1EA
100.0%	100.0% #ECF5F0	RGB 236 245 240	#ECF5F0

#BFDECF #C6E1D4 #CEE5DA #D5E9DF #DDEDE5 #E4F1EA #ECF5F0

#BFDECF - #ECF5F0

HSV Blend

#BFDECF - #ECF5F0 | 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 #BFDECF as 0% and #ECF5F0 as 100%.

0.0%	0.0% #BFDECF	RGB 191 222 207	#BFDECF
16.7%	16.7% #C6E1D4	RGB 198 225 212	#C6E1D4
33.3%	33.3% #CDE5D9	RGB 205 229 217	#CDE5D9
50.0%	50.0% #D4E9DE	RGB 212 233 222	#D4E9DE
66.7%	66.7% #DCEDE4	RGB 220 237 228	#DCEDE4
83.3%	83.3% #E4F1EA	RGB 228 241 234	#E4F1EA
100.0%	100.0% #ECF5F0	RGB 236 245 240	#ECF5F0

#BFDECF #C6E1D4 #CDE5D9 #D4E9DE #DCEDE4 #E4F1EA #ECF5F0

#BFDECF - #D4E9DE - #ECF5F0

CSS codes

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

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