#B6B5AD - #BEC8DF | 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 #B6B5AD to #BEC8DF

#B6B5AD #BEC8DF

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

#B6B5AD - #BEC8DF | 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 #B6B5AD as 0% and #BEC8DF as 100%.

0.0%	0.0% #B6B5AD	RGB 182 181 173	#B6B5AD
16.7%	16.7% #B7B8B5	RGB 183 184 181	#B7B8B5
33.3%	33.3% #B8BBBD	RGB 184 187 189	#B8BBBD
50.0%	50.0% #BABEC6	RGB 186 190 198	#BABEC6
66.7%	66.7% #BBC1CE	RGB 187 193 206	#BBC1CE
83.3%	83.3% #BCC4D6	RGB 188 196 214	#BCC4D6
100.0%	100.0% #BEC8DF	RGB 190 200 223	#BEC8DF

#B6B5AD #B7B8B5 #B8BBBD #BABEC6 #BBC1CE #BCC4D6 #BEC8DF

#B6B5AD - #BEC8DF

HSV Blend

#B6B5AD - #BEC8DF | 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 #B6B5AD as 0% and #BEC8DF as 100%.

0.0%	0.0% #B6B5AD	RGB 182 181 173	#B6B5AD
16.7%	16.7% #B8BCB0	RGB 184 188 176	#B8BCB0
33.3%	33.3% #B6C3B3	RGB 182 195 179	#B6C3B3
50.0%	50.0% #B6CABC	RGB 182 202 188	#B6CABC
66.7%	66.7% #B9D1CB	RGB 185 209 203	#B9D1CB
83.3%	83.3% #BBD1D8	RGB 187 209 216	#BBD1D8
100.0%	100.0% #BEC8DF	RGB 190 200 223	#BEC8DF

#B6B5AD #B8BCB0 #B6C3B3 #B6CABC #B9D1CB #BBD1D8 #BEC8DF

#B6B5AD - #B6CABC - #BEC8DF

CSS codes

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

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