#5E7D6B - #BCB987 | 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 #5E7D6B to #BCB987

#5E7D6B #BCB987

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

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

0.0%	0.0% #5E7D6B	RGB 94 125 107	#5E7D6B
16.7%	16.7% #6D876F	RGB 109 135 111	#6D876F
33.3%	33.3% #7D9174	RGB 125 145 116	#7D9174
50.0%	50.0% #8D9B79	RGB 141 155 121	#8D9B79
66.7%	66.7% #9CA57D	RGB 156 165 125	#9CA57D
83.3%	83.3% #ACAF82	RGB 172 175 130	#ACAF82
100.0%	100.0% #BCB987	RGB 188 185 135	#BCB987

#5E7D6B #6D876F #7D9174 #8D9B79 #9CA57D #ACAF82 #BCB987

#5E7D6B - #BCB987

HSV Blend

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

0.0%	0.0% #5E7D6B	RGB 94 125 107	#5E7D6B
16.7%	16.7% #65876B	RGB 101 135 107	#65876B
33.3%	33.3% #6E926C	RGB 110 146 108	#6E926C
50.0%	50.0% #809C73	RGB 128 156 115	#809C73
66.7%	66.7% #93A779	RGB 147 167 121	#93A779
83.3%	83.3% #A8B180	RGB 168 177 128	#A8B180
100.0%	100.0% #BCB987	RGB 188 185 135	#BCB987

#5E7D6B #65876B #6E926C #809C73 #93A779 #A8B180 #BCB987

#5E7D6B - #809C73 - #BCB987

CSS codes

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

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