#B6B6AD - #BEC9DF | 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 #B6B6AD to #BEC9DF

#B6B6AD #BEC9DF

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

#B6B6AD - #BEC9DF | 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 #B6B6AD as 0% and #BEC9DF as 100%.

0.0%	0.0% #B6B6AD	RGB 182 182 173	#B6B6AD
16.7%	16.7% #B7B9B5	RGB 183 185 181	#B7B9B5
33.3%	33.3% #B8BCBD	RGB 184 188 189	#B8BCBD
50.0%	50.0% #BABFC6	RGB 186 191 198	#BABFC6
66.7%	66.7% #BBC2CE	RGB 187 194 206	#BBC2CE
83.3%	83.3% #BCC5D6	RGB 188 197 214	#BCC5D6
100.0%	100.0% #BEC9DF	RGB 190 201 223	#BEC9DF

#B6B6AD #B7B9B5 #B8BCBD #BABFC6 #BBC2CE #BCC5D6 #BEC9DF

#B6B6AD - #BEC9DF

HSV Blend

#B6B6AD - #BEC9DF | 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 #B6B6AD as 0% and #BEC9DF as 100%.

0.0%	0.0% #B6B6AD	RGB 182 182 173	#B6B6AD
16.7%	16.7% #B7BCB0	RGB 183 188 176	#B7BCB0
33.3%	33.3% #B5C3B3	RGB 181 195 179	#B5C3B3
50.0%	50.0% #B6CABD	RGB 182 202 189	#B6CABD
66.7%	66.7% #B9D1CB	RGB 185 209 203	#B9D1CB
83.3%	83.3% #BBD1D8	RGB 187 209 216	#BBD1D8
100.0%	100.0% #BEC9DF	RGB 190 201 223	#BEC9DF

#B6B6AD #B7BCB0 #B5C3B3 #B6CABD #B9D1CB #BBD1D8 #BEC9DF

#B6B6AD - #B6CABD - #BEC9DF

CSS codes

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

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