#B7B6B6 - #BFE2CE | 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 #B7B6B6 to #BFE2CE

#B7B6B6 #BFE2CE

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

#B7B6B6 - #BFE2CE | 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 #B7B6B6 as 0% and #BFE2CE as 100%.

0.0%	0.0% #B7B6B6	RGB 183 182 182	#B7B6B6
16.7%	16.7% #B8BDBA	RGB 184 189 186	#B8BDBA
33.3%	33.3% #B9C4BE	RGB 185 196 190	#B9C4BE
50.0%	50.0% #BBCCC2	RGB 187 204 194	#BBCCC2
66.7%	66.7% #BCD3C6	RGB 188 211 198	#BCD3C6
83.3%	83.3% #BDDACA	RGB 189 218 202	#BDDACA
100.0%	100.0% #BFE2CE	RGB 191 226 206	#BFE2CE

#B7B6B6 #B8BDBA #B9C4BE #BBCCC2 #BCD3C6 #BDDACA #BFE2CE

#B7B6B6 - #BFE2CE

HSV Blend

#B7B6B6 - #BFE2CE | 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 #B7B6B6 as 0% and #BFE2CE as 100%.

0.0%	0.0% #B7B6B6	RGB 183 182 182	#B7B6B6
16.7%	16.7% #BEBAB8	RGB 190 186 184	#BEBAB8
33.3%	33.3% #C5C3BA	RGB 197 195 186	#C5C3BA
50.0%	50.0% #C8CCBC	RGB 200 204 188	#C8CCBC
66.7%	66.7% #C5D3BD	RGB 197 211 189	#C5D3BD
83.3%	83.3% #BEDABF	RGB 190 218 191	#BEDABF
100.0%	100.0% #BFE2CE	RGB 191 226 206	#BFE2CE

#B7B6B6 #BEBAB8 #C5C3BA #C8CCBC #C5D3BD #BEDABF #BFE2CE

#B7B6B6 - #C8CCBC - #BFE2CE

CSS codes

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

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