#B5BCB0 - #6A8B5A | 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 #B5BCB0 to #6A8B5A

#B5BCB0 #6A8B5A

Calculate the color between two colors, #B5BCB0 and #6A8B5A. 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)

#B5BCB0 - #6A8B5A | 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 #B5BCB0 as 0% and #6A8B5A as 100%.

0.0%	0.0% #B5BCB0	RGB 181 188 176	#B5BCB0
16.7%	16.7% #A8B3A1	RGB 168 179 161	#A8B3A1
33.3%	33.3% #9CAB93	RGB 156 171 147	#9CAB93
50.0%	50.0% #8FA385	RGB 143 163 133	#8FA385
66.7%	66.7% #839B76	RGB 131 155 118	#839B76
83.3%	83.3% #769368	RGB 118 147 104	#769368
100.0%	100.0% #6A8B5A	RGB 106 139 90	#6A8B5A

#B5BCB0 #A8B3A1 #9CAB93 #8FA385 #839B76 #769368 #6A8B5A

#B5BCB0 - #6A8B5A

HSV Blend

#B5BCB0 - #6A8B5A | 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 #B5BCB0 as 0% and #6A8B5A as 100%.

0.0%	0.0% #B5BCB0	RGB 181 188 176	#B5BCB0
16.7%	16.7% #A7B39F	RGB 167 179 159	#A7B39F
33.3%	33.3% #9AAB90	RGB 154 171 144	#9AAB90
50.0%	50.0% #8EA381	RGB 142 163 129	#8EA381
66.7%	66.7% #819B73	RGB 129 155 115	#819B73
83.3%	83.3% #759366	RGB 117 147 102	#759366
100.0%	100.0% #6A8B5A	RGB 106 139 90	#6A8B5A

#B5BCB0 #A7B39F #9AAB90 #8EA381 #819B73 #759366 #6A8B5A

#B5BCB0 - #8EA381 - #6A8B5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5BCB0 0%, #8EA381 50%, #6A8B5A 100%);
    background: -webkit-linear-gradient(top, #B5BCB0 0%, #8EA381 50%, #6A8B5A 100%);
    background: linear-gradient(to bottom, #B5BCB0 0%, #8EA381 50%, #6A8B5A 100%);
}
</style>