#5E7F7D - #ACBD8B | 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 #5E7F7D to #ACBD8B

#5E7F7D #ACBD8B

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

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

0.0%	0.0% #5E7F7D	RGB 94 127 125	#5E7F7D
16.7%	16.7% #6B897F	RGB 107 137 127	#6B897F
33.3%	33.3% #789381	RGB 120 147 129	#789381
50.0%	50.0% #859E84	RGB 133 158 132	#859E84
66.7%	66.7% #92A886	RGB 146 168 134	#92A886
83.3%	83.3% #9FB288	RGB 159 178 136	#9FB288
100.0%	100.0% #ACBD8B	RGB 172 189 139	#ACBD8B

#5E7F7D #6B897F #789381 #859E84 #92A886 #9FB288 #ACBD8B

#5E7F7D - #ACBD8B

HSV Blend

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

0.0%	0.0% #5E7F7D	RGB 94 127 125	#5E7F7D
16.7%	16.7% #65897D	RGB 101 137 125	#65897D
33.3%	33.3% #6D937C	RGB 109 147 124	#6D937C
50.0%	50.0% #749E7A	RGB 116 158 122	#749E7A
66.7%	66.7% #81A87C	RGB 129 168 124	#81A87C
83.3%	83.3% #96B283	RGB 150 178 131	#96B283
100.0%	100.0% #ACBD8B	RGB 172 189 139	#ACBD8B

#5E7F7D #65897D #6D937C #749E7A #81A87C #96B283 #ACBD8B

#5E7F7D - #749E7A - #ACBD8B

CSS codes

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

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