#B4B6B5 - #5E7155 | 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 #B4B6B5 to #5E7155

#B4B6B5 #5E7155

Calculate the color between two colors, #B4B6B5 and #5E7155. 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)

#B4B6B5 - #5E7155 | 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 #B4B6B5 as 0% and #5E7155 as 100%.

0.0%	0.0% #B4B6B5	RGB 180 182 181	#B4B6B5
16.7%	16.7% #A5AAA5	RGB 165 170 165	#A5AAA5
33.3%	33.3% #979F95	RGB 151 159 149	#979F95
50.0%	50.0% #899385	RGB 137 147 133	#899385
66.7%	66.7% #7A8875	RGB 122 136 117	#7A8875
83.3%	83.3% #6C7C65	RGB 108 124 101	#6C7C65
100.0%	100.0% #5E7155	RGB 94 113 85	#5E7155

#B4B6B5 #A5AAA5 #979F95 #899385 #7A8875 #6C7C65 #5E7155

#B4B6B5 - #5E7155

HSV Blend

#B4B6B5 - #5E7155 | 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 #B4B6B5 as 0% and #5E7155 as 100%.

0.0%	0.0% #B4B6B5	RGB 180 182 181	#B4B6B5
16.7%	16.7% #A1AAA5	RGB 161 170 165	#A1AAA5
33.3%	33.3% #909F93	RGB 144 159 147	#909F93
50.0%	50.0% #809382	RGB 128 147 130	#809382
66.7%	66.7% #728871	RGB 114 136 113	#728871
83.3%	83.3% #677C62	RGB 103 124 98	#677C62
100.0%	100.0% #5E7155	RGB 94 113 85	#5E7155

#B4B6B5 #A1AAA5 #909F93 #809382 #728871 #677C62 #5E7155

#B4B6B5 - #809382 - #5E7155

CSS codes

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

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