#B6B5A6 - #FFE3B7 | 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 #B6B5A6 to #FFE3B7

#B6B5A6 #FFE3B7

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

#B6B5A6 - #FFE3B7 | 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 #B6B5A6 as 0% and #FFE3B7 as 100%.

0.0%	0.0% #B6B5A6	RGB 182 181 166	#B6B5A6
16.7%	16.7% #C2BCA8	RGB 194 188 168	#C2BCA8
33.3%	33.3% #CEC4AB	RGB 206 196 171	#CEC4AB
50.0%	50.0% #DACCAE	RGB 218 204 174	#DACCAE
66.7%	66.7% #E6D3B1	RGB 230 211 177	#E6D3B1
83.3%	83.3% #F2DBB4	RGB 242 219 180	#F2DBB4
100.0%	100.0% #FFE3B7	RGB 255 227 183	#FFE3B7

#B6B5A6 #C2BCA8 #CEC4AB #DACCAE #E6D3B1 #F2DBB4 #FFE3B7

#B6B5A6 - #FFE3B7

HSV Blend

#B6B5A6 - #FFE3B7 | 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 #B6B5A6 as 0% and #FFE3B7 as 100%.

0.0%	0.0% #B6B5A6	RGB 182 181 166	#B6B5A6
16.7%	16.7% #C2BFAA	RGB 194 191 170	#C2BFAA
33.3%	33.3% #CEC8AE	RGB 206 200 174	#CEC8AE
50.0%	50.0% #DAD1B2	RGB 218 209 178	#DAD1B2
66.7%	66.7% #E6D8B4	RGB 230 216 180	#E6D8B4
83.3%	83.3% #F2DEB6	RGB 242 222 182	#F2DEB6
100.0%	100.0% #FFE3B7	RGB 255 227 183	#FFE3B7

#B6B5A6 #C2BFAA #CEC8AE #DAD1B2 #E6D8B4 #F2DEB6 #FFE3B7

#B6B5A6 - #DAD1B2 - #FFE3B7

CSS codes

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

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