#B6B6AB - #E7B5B9 | 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 #B6B6AB to #E7B5B9

#B6B6AB #E7B5B9

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

#B6B6AB - #E7B5B9 | 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 #B6B6AB as 0% and #E7B5B9 as 100%.

0.0%	0.0% #B6B6AB	RGB 182 182 171	#B6B6AB
16.7%	16.7% #BEB5AD	RGB 190 181 173	#BEB5AD
33.3%	33.3% #C6B5AF	RGB 198 181 175	#C6B5AF
50.0%	50.0% #CEB5B2	RGB 206 181 178	#CEB5B2
66.7%	66.7% #D6B5B4	RGB 214 181 180	#D6B5B4
83.3%	83.3% #DEB5B6	RGB 222 181 182	#DEB5B6
100.0%	100.0% #E7B5B9	RGB 231 181 185	#E7B5B9

#B6B6AB #BEB5AD #C6B5AF #CEB5B2 #D6B5B4 #DEB5B6 #E7B5B9

#B6B6AB - #E7B5B9

HSV Blend

#B6B6AB - #E7B5B9 | 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 #B6B6AB as 0% and #E7B5B9 as 100%.

0.0%	0.0% #B6B6AB	RGB 182 182 171	#B6B6AB
16.7%	16.7% #BEBBAD	RGB 190 187 173	#BEBBAD
33.3%	33.3% #C6BEB0	RGB 198 190 176	#C6BEB0
50.0%	50.0% #CEBFB1	RGB 206 191 177	#CEBFB1
66.7%	66.7% #D6BDB3	RGB 214 189 179	#D6BDB3
83.3%	83.3% #DEB8B4	RGB 222 184 180	#DEB8B4
100.0%	100.0% #E7B5B9	RGB 231 181 185	#E7B5B9

#B6B6AB #BEBBAD #C6BEB0 #CEBFB1 #D6BDB3 #DEB8B4 #E7B5B9

#B6B6AB - #CEBFB1 - #E7B5B9

CSS codes

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

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