#BACFC2 - #EBF1ED | 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 #BACFC2 to #EBF1ED

#BACFC2 #EBF1ED

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

#BACFC2 - #EBF1ED | 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 #BACFC2 as 0% and #EBF1ED as 100%.

0.0%	0.0% #BACFC2	RGB 186 207 194	#BACFC2
16.7%	16.7% #C2D4C9	RGB 194 212 201	#C2D4C9
33.3%	33.3% #CADAD0	RGB 202 218 208	#CADAD0
50.0%	50.0% #D2E0D7	RGB 210 224 215	#D2E0D7
66.7%	66.7% #DAE5DE	RGB 218 229 222	#DAE5DE
83.3%	83.3% #E2EBE5	RGB 226 235 229	#E2EBE5
100.0%	100.0% #EBF1ED	RGB 235 241 237	#EBF1ED

#BACFC2 #C2D4C9 #CADAD0 #D2E0D7 #DAE5DE #E2EBE5 #EBF1ED

#BACFC2 - #EBF1ED

HSV Blend

#BACFC2 - #EBF1ED | 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 #BACFC2 as 0% and #EBF1ED as 100%.

0.0%	0.0% #BACFC2	RGB 186 207 194	#BACFC2
16.7%	16.7% #C1D4C8	RGB 193 212 200	#C1D4C8
33.3%	33.3% #C9DACF	RGB 201 218 207	#C9DACF
50.0%	50.0% #D1E0D6	RGB 209 224 214	#D1E0D6
66.7%	66.7% #DAE5DE	RGB 218 229 222	#DAE5DE
83.3%	83.3% #E2EBE5	RGB 226 235 229	#E2EBE5
100.0%	100.0% #EBF1ED	RGB 235 241 237	#EBF1ED

#BACFC2 #C1D4C8 #C9DACF #D1E0D6 #DAE5DE #E2EBE5 #EBF1ED

#BACFC2 - #D1E0D6 - #EBF1ED

CSS codes

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

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