#B5B6B5 - #557C4B | 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 #B5B6B5 to #557C4B

#B5B6B5 #557C4B

Calculate the color between two colors, #B5B6B5 and #557C4B. 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)

#B5B6B5 - #557C4B | 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 #B5B6B5 as 0% and #557C4B as 100%.

0.0%	0.0% #B5B6B5	RGB 181 182 181	#B5B6B5
16.7%	16.7% #A5ACA3	RGB 165 172 163	#A5ACA3
33.3%	33.3% #95A291	RGB 149 162 145	#95A291
50.0%	50.0% #859980	RGB 133 153 128	#859980
66.7%	66.7% #758F6E	RGB 117 143 110	#758F6E
83.3%	83.3% #65855C	RGB 101 133 92	#65855C
100.0%	100.0% #557C4B	RGB 85 124 75	#557C4B

#B5B6B5 #A5ACA3 #95A291 #859980 #758F6E #65855C #557C4B

#B5B6B5 - #557C4B

HSV Blend

#B5B6B5 - #557C4B | 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 #B5B6B5 as 0% and #557C4B as 100%.

0.0%	0.0% #B5B6B5	RGB 181 182 181	#B5B6B5
16.7%	16.7% #A0ACA0	RGB 160 172 160	#A0ACA0
33.3%	33.3% #8EA28C	RGB 142 162 140	#8EA28C
50.0%	50.0% #7D997A	RGB 125 153 122	#7D997A
66.7%	66.7% #6E8F69	RGB 110 143 105	#6E8F69
83.3%	83.3% #618559	RGB 97 133 89	#618559
100.0%	100.0% #557C4B	RGB 85 124 75	#557C4B

#B5B6B5 #A0ACA0 #8EA28C #7D997A #6E8F69 #618559 #557C4B

#B5B6B5 - #7D997A - #557C4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B6B5 0%, #7D997A 50%, #557C4B 100%);
    background: -webkit-linear-gradient(top, #B5B6B5 0%, #7D997A 50%, #557C4B 100%);
    background: linear-gradient(to bottom, #B5B6B5 0%, #7D997A 50%, #557C4B 100%);
}
</style>