#B2BABC - #C5EADD | 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 #B2BABC to #C5EADD

#B2BABC #C5EADD

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

#B2BABC - #C5EADD | 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 #B2BABC as 0% and #C5EADD as 100%.

0.0%	0.0% #B2BABC	RGB 178 186 188	#B2BABC
16.7%	16.7% #B5C2C1	RGB 181 194 193	#B5C2C1
33.3%	33.3% #B8CAC7	RGB 184 202 199	#B8CAC7
50.0%	50.0% #BBD2CC	RGB 187 210 204	#BBD2CC
66.7%	66.7% #BEDAD2	RGB 190 218 210	#BEDAD2
83.3%	83.3% #C1E2D7	RGB 193 226 215	#C1E2D7
100.0%	100.0% #C5EADD	RGB 197 234 221	#C5EADD

#B2BABC #B5C2C1 #B8CAC7 #BBD2CC #BEDAD2 #C1E2D7 #C5EADD

#B2BABC - #C5EADD

HSV Blend

#B2BABC - #C5EADD | 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 #B2BABC as 0% and #C5EADD as 100%.

0.0%	0.0% #B2BABC	RGB 178 186 188	#B2BABC
16.7%	16.7% #B5C2C3	RGB 181 194 195	#B5C2C3
33.3%	33.3% #B9CBCB	RGB 185 203 203	#B9CBCB
50.0%	50.0% #BCD3D1	RGB 188 211 209	#BCD3D1
66.7%	66.7% #BFDAD6	RGB 191 218 214	#BFDAD6
83.3%	83.3% #C2E2DA	RGB 194 226 218	#C2E2DA
100.0%	100.0% #C5EADD	RGB 197 234 221	#C5EADD

#B2BABC #B5C2C3 #B9CBCB #BCD3D1 #BFDAD6 #C2E2DA #C5EADD

#B2BABC - #BCD3D1 - #C5EADD

CSS codes

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

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