#BDFEE6 - #ECFEF7 | 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 #BDFEE6 to #ECFEF7

#BDFEE6 #ECFEF7

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

#BDFEE6 - #ECFEF7 | 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 #BDFEE6 as 0% and #ECFEF7 as 100%.

0.0%	0.0% #BDFEE6	RGB 189 254 230	#BDFEE6
16.7%	16.7% #C4FEE8	RGB 196 254 232	#C4FEE8
33.3%	33.3% #CCFEEB	RGB 204 254 235	#CCFEEB
50.0%	50.0% #D4FEEE	RGB 212 254 238	#D4FEEE
66.7%	66.7% #DCFEF1	RGB 220 254 241	#DCFEF1
83.3%	83.3% #E4FEF4	RGB 228 254 244	#E4FEF4
100.0%	100.0% #ECFEF7	RGB 236 254 247	#ECFEF7

#BDFEE6 #C4FEE8 #CCFEEB #D4FEEE #DCFEF1 #E4FEF4 #ECFEF7

#BDFEE6 - #ECFEF7

HSV Blend

#BDFEE6 - #ECFEF7 | 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 #BDFEE6 as 0% and #ECFEF7 as 100%.

0.0%	0.0% #BDFEE6	RGB 189 254 230	#BDFEE6
16.7%	16.7% #C4FEE8	RGB 196 254 232	#C4FEE8
33.3%	33.3% #CCFEEB	RGB 204 254 235	#CCFEEB
50.0%	50.0% #D4FEEE	RGB 212 254 238	#D4FEEE
66.7%	66.7% #DCFEF1	RGB 220 254 241	#DCFEF1
83.3%	83.3% #E4FEF4	RGB 228 254 244	#E4FEF4
100.0%	100.0% #ECFEF7	RGB 236 254 247	#ECFEF7

#BDFEE6 #C4FEE8 #CCFEEB #D4FEEE #DCFEF1 #E4FEF4 #ECFEF7

#BDFEE6 - #D4FEEE - #ECFEF7

CSS codes

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

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