#B7BABC - #C2DCB8 | 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 #B7BABC to #C2DCB8

#B7BABC #C2DCB8

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

#B7BABC - #C2DCB8 | 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 #B7BABC as 0% and #C2DCB8 as 100%.

0.0%	0.0% #B7BABC	RGB 183 186 188	#B7BABC
16.7%	16.7% #B8BFBB	RGB 184 191 187	#B8BFBB
33.3%	33.3% #BAC5BA	RGB 186 197 186	#BAC5BA
50.0%	50.0% #BCCBBA	RGB 188 203 186	#BCCBBA
66.7%	66.7% #BED0B9	RGB 190 208 185	#BED0B9
83.3%	83.3% #C0D6B8	RGB 192 214 184	#C0D6B8
100.0%	100.0% #C2DCB8	RGB 194 220 184	#C2DCB8

#B7BABC #B8BFBB #BAC5BA #BCCBBA #BED0B9 #C0D6B8 #C2DCB8

#B7BABC - #C2DCB8

HSV Blend

#B7BABC - #C2DCB8 | 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 #B7BABC as 0% and #C2DCB8 as 100%.

0.0%	0.0% #B7BABC	RGB 183 186 188	#B7BABC
16.7%	16.7% #B7C0C1	RGB 183 192 193	#B7C0C1
33.3%	33.3% #B8C6C4	RGB 184 198 196	#B8C6C4
50.0%	50.0% #B8CCC3	RGB 184 204 195	#B8CCC3
66.7%	66.7% #B8D1BF	RGB 184 209 191	#B8D1BF
83.3%	83.3% #B8D6B8	RGB 184 214 184	#B8D6B8
100.0%	100.0% #C2DCB8	RGB 194 220 184	#C2DCB8

#B7BABC #B7C0C1 #B8C6C4 #B8CCC3 #B8D1BF #B8D6B8 #C2DCB8

#B7BABC - #B8CCC3 - #C2DCB8

CSS codes

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

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