#B6B4B5 - #BEE2D0 | 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 #B6B4B5 to #BEE2D0

#B6B4B5 #BEE2D0

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

#B6B4B5 - #BEE2D0 | 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 #B6B4B5 as 0% and #BEE2D0 as 100%.

0.0%	0.0% #B6B4B5	RGB 182 180 181	#B6B4B5
16.7%	16.7% #B7BBB9	RGB 183 187 185	#B7BBB9
33.3%	33.3% #B8C3BE	RGB 184 195 190	#B8C3BE
50.0%	50.0% #BACBC2	RGB 186 203 194	#BACBC2
66.7%	66.7% #BBD2C7	RGB 187 210 199	#BBD2C7
83.3%	83.3% #BCDACB	RGB 188 218 203	#BCDACB
100.0%	100.0% #BEE2D0	RGB 190 226 208	#BEE2D0

#B6B4B5 #B7BBB9 #B8C3BE #BACBC2 #BBD2C7 #BCDACB #BEE2D0

#B6B4B5 - #BEE2D0

HSV Blend

#B6B4B5 - #BEE2D0 | 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 #B6B4B5 as 0% and #BEE2D0 as 100%.

0.0%	0.0% #B6B4B5	RGB 182 180 181	#B6B4B5
16.7%	16.7% #BDB6BD	RGB 189 182 189	#BDB6BD
33.3%	33.3% #BEB8C4	RGB 190 184 196	#BEB8C4
50.0%	50.0% #BABACC	RGB 186 186 204	#BABACC
66.7%	66.7% #BCC7D3	RGB 188 199 211	#BCC7D3
83.3%	83.3% #BDDADA	RGB 189 218 218	#BDDADA
100.0%	100.0% #BEE2D0	RGB 190 226 208	#BEE2D0

#B6B4B5 #BDB6BD #BEB8C4 #BABACC #BCC7D3 #BDDADA #BEE2D0

#B6B4B5 - #BABACC - #BEE2D0

CSS codes

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

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