#5E726A - #AAB380 | 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 #5E726A to #AAB380

#5E726A #AAB380

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

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

0.0%	0.0% #5E726A	RGB 94 114 106	#5E726A
16.7%	16.7% #6A7C6D	RGB 106 124 109	#6A7C6D
33.3%	33.3% #778771	RGB 119 135 113	#778771
50.0%	50.0% #849275	RGB 132 146 117	#849275
66.7%	66.7% #909D78	RGB 144 157 120	#909D78
83.3%	83.3% #9DA87C	RGB 157 168 124	#9DA87C
100.0%	100.0% #AAB380	RGB 170 179 128	#AAB380

#5E726A #6A7C6D #778771 #849275 #909D78 #9DA87C #AAB380

#5E726A - #AAB380

HSV Blend

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

0.0%	0.0% #5E726A	RGB 94 114 106	#5E726A
16.7%	16.7% #647C6D	RGB 100 124 109	#647C6D
33.3%	33.3% #6A876E	RGB 106 135 110	#6A876E
50.0%	50.0% #749270	RGB 116 146 112	#749270
66.7%	66.7% #839D76	RGB 131 157 118	#839D76
83.3%	83.3% #95A87B	RGB 149 168 123	#95A87B
100.0%	100.0% #AAB380	RGB 170 179 128	#AAB380

#5E726A #647C6D #6A876E #749270 #839D76 #95A87B #AAB380

#5E726A - #749270 - #AAB380

CSS codes

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

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