#B6B5B5 - #7C764B | 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 #B6B5B5 to #7C764B

#B6B5B5 #7C764B

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

#B6B5B5 - #7C764B | 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 #B6B5B5 as 0% and #7C764B as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #ACAAA3	RGB 172 170 163	#ACAAA3
33.3%	33.3% #A2A091	RGB 162 160 145	#A2A091
50.0%	50.0% #999580	RGB 153 149 128	#999580
66.7%	66.7% #8F8B6E	RGB 143 139 110	#8F8B6E
83.3%	83.3% #85805C	RGB 133 128 92	#85805C
100.0%	100.0% #7C764B	RGB 124 118 75	#7C764B

#B6B5B5 #ACAAA3 #A2A091 #999580 #8F8B6E #85805C #7C764B

#B6B5B5 - #7C764B

HSV Blend

#B6B5B5 - #7C764B | 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 #B6B5B5 as 0% and #7C764B as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #ACA1A0	RGB 172 161 160	#ACA1A0
33.3%	33.3% #A2938C	RGB 162 147 140	#A2938C
50.0%	50.0% #99877A	RGB 153 135 122	#99877A
66.7%	66.7% #8F7F69	RGB 143 127 105	#8F7F69
83.3%	83.3% #857959	RGB 133 121 89	#857959
100.0%	100.0% #7C764B	RGB 124 118 75	#7C764B

#B6B5B5 #ACA1A0 #A2938C #99877A #8F7F69 #857959 #7C764B

#B6B5B5 - #99877A - #7C764B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B5B5 0%, #99877A 50%, #7C764B 100%);
    background: -webkit-linear-gradient(top, #B6B5B5 0%, #99877A 50%, #7C764B 100%);
    background: linear-gradient(to bottom, #B6B5B5 0%, #99877A 50%, #7C764B 100%);
}
</style>