#BFD8C9 - #ECF3EF | 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 #BFD8C9 to #ECF3EF

#BFD8C9 #ECF3EF

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

#BFD8C9 - #ECF3EF | 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 #BFD8C9 as 0% and #ECF3EF as 100%.

0.0%	0.0% #BFD8C9	RGB 191 216 201	#BFD8C9
16.7%	16.7% #C6DCCF	RGB 198 220 207	#C6DCCF
33.3%	33.3% #CEE1D5	RGB 206 225 213	#CEE1D5
50.0%	50.0% #D5E5DC	RGB 213 229 220	#D5E5DC
66.7%	66.7% #DDEAE2	RGB 221 234 226	#DDEAE2
83.3%	83.3% #E4EEE8	RGB 228 238 232	#E4EEE8
100.0%	100.0% #ECF3EF	RGB 236 243 239	#ECF3EF

#BFD8C9 #C6DCCF #CEE1D5 #D5E5DC #DDEAE2 #E4EEE8 #ECF3EF

#BFD8C9 - #ECF3EF

HSV Blend

#BFD8C9 - #ECF3EF | 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 #BFD8C9 as 0% and #ECF3EF as 100%.

0.0%	0.0% #BFD8C9	RGB 191 216 201	#BFD8C9
16.7%	16.7% #C6DCCF	RGB 198 220 207	#C6DCCF
33.3%	33.3% #CDE1D5	RGB 205 225 213	#CDE1D5
50.0%	50.0% #D4E5DB	RGB 212 229 219	#D4E5DB
66.7%	66.7% #DCEAE2	RGB 220 234 226	#DCEAE2
83.3%	83.3% #E4EEE8	RGB 228 238 232	#E4EEE8
100.0%	100.0% #ECF3EF	RGB 236 243 239	#ECF3EF

#BFD8C9 #C6DCCF #CDE1D5 #D4E5DB #DCEAE2 #E4EEE8 #ECF3EF

#BFD8C9 - #D4E5DB - #ECF3EF

CSS codes

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

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