#5E716B - #A8B280 | 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 #5E716B to #A8B280

#5E716B #A8B280

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

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

0.0%	0.0% #5E716B	RGB 94 113 107	#5E716B
16.7%	16.7% #6A7B6E	RGB 106 123 110	#6A7B6E
33.3%	33.3% #768672	RGB 118 134 114	#768672
50.0%	50.0% #839175	RGB 131 145 117	#839175
66.7%	66.7% #8F9C79	RGB 143 156 121	#8F9C79
83.3%	83.3% #9BA77C	RGB 155 167 124	#9BA77C
100.0%	100.0% #A8B280	RGB 168 178 128	#A8B280

#5E716B #6A7B6E #768672 #839175 #8F9C79 #9BA77C #A8B280

#5E716B - #A8B280

HSV Blend

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

0.0%	0.0% #5E716B	RGB 94 113 107	#5E716B
16.7%	16.7% #647B6E	RGB 100 123 110	#647B6E
33.3%	33.3% #6A8670	RGB 106 134 112	#6A8670
50.0%	50.0% #729170	RGB 114 145 112	#729170
66.7%	66.7% #819C76	RGB 129 156 118	#819C76
83.3%	83.3% #93A77B	RGB 147 167 123	#93A77B
100.0%	100.0% #A8B280	RGB 168 178 128	#A8B280

#5E716B #647B6E #6A8670 #729170 #819C76 #93A77B #A8B280

#5E716B - #729170 - #A8B280

CSS codes

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

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