#5E7961 - #B6BC7F | 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 #5E7961 to #B6BC7F

#5E7961 #B6BC7F

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

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

0.0%	0.0% #5E7961	RGB 94 121 97	#5E7961
16.7%	16.7% #6C8466	RGB 108 132 102	#6C8466
33.3%	33.3% #7B8F6B	RGB 123 143 107	#7B8F6B
50.0%	50.0% #8A9A70	RGB 138 154 112	#8A9A70
66.7%	66.7% #98A575	RGB 152 165 117	#98A575
83.3%	83.3% #A7B07A	RGB 167 176 122	#A7B07A
100.0%	100.0% #B6BC7F	RGB 182 188 127	#B6BC7F

#5E7961 #6C8466 #7B8F6B #8A9A70 #98A575 #A7B07A #B6BC7F

#5E7961 - #B6BC7F

HSV Blend

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

0.0%	0.0% #5E7961	RGB 94 121 97	#5E7961
16.7%	16.7% #668464	RGB 102 132 100	#668464
33.3%	33.3% #728F6A	RGB 114 143 106	#728F6A
50.0%	50.0% #809A70	RGB 128 154 112	#809A70
66.7%	66.7% #90A575	RGB 144 165 117	#90A575
83.3%	83.3% #A2B07A	RGB 162 176 122	#A2B07A
100.0%	100.0% #B6BC7F	RGB 182 188 127	#B6BC7F

#5E7961 #668464 #728F6A #809A70 #90A575 #A2B07A #B6BC7F

#5E7961 - #809A70 - #B6BC7F

CSS codes

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

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