#5E655E - #BDAC7A | 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 #5E655E to #BDAC7A

#5E655E #BDAC7A

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

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

0.0%	0.0% #5E655E	RGB 94 101 94	#5E655E
16.7%	16.7% #6D7062	RGB 109 112 98	#6D7062
33.3%	33.3% #7D7C67	RGB 125 124 103	#7D7C67
50.0%	50.0% #8D886C	RGB 141 136 108	#8D886C
66.7%	66.7% #9D9470	RGB 157 148 112	#9D9470
83.3%	83.3% #ADA075	RGB 173 160 117	#ADA075
100.0%	100.0% #BDAC7A	RGB 189 172 122	#BDAC7A

#5E655E #6D7062 #7D7C67 #8D886C #9D9470 #ADA075 #BDAC7A

#5E655E - #BDAC7A

HSV Blend

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

0.0%	0.0% #5E655E	RGB 94 101 94	#5E655E
16.7%	16.7% #687366	RGB 104 115 102	#687366
33.3%	33.3% #75826C	RGB 117 130 108	#75826C
50.0%	50.0% #859172	RGB 133 145 114	#859172
66.7%	66.7% #989F76	RGB 152 159 118	#989F76
83.3%	83.3% #AEAB78	RGB 174 171 120	#AEAB78
100.0%	100.0% #BDAC7A	RGB 189 172 122	#BDAC7A

#5E655E #687366 #75826C #859172 #989F76 #AEAB78 #BDAC7A

#5E655E - #859172 - #BDAC7A

CSS codes

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

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