#5E635D - #BDAB7C | 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 #5E635D to #BDAB7C

#5E635D #BDAB7C

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

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

0.0%	0.0% #5E635D	RGB 94 99 93	#5E635D
16.7%	16.7% #6D6F62	RGB 109 111 98	#6D6F62
33.3%	33.3% #7D7B67	RGB 125 123 103	#7D7B67
50.0%	50.0% #8D876C	RGB 141 135 108	#8D876C
66.7%	66.7% #9D9371	RGB 157 147 113	#9D9371
83.3%	83.3% #AD9F76	RGB 173 159 118	#AD9F76
100.0%	100.0% #BDAB7C	RGB 189 171 124	#BDAB7C

#5E635D #6D6F62 #7D7B67 #8D876C #9D9371 #AD9F76 #BDAB7C

#5E635D - #BDAB7C

HSV Blend

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

0.0%	0.0% #5E635D	RGB 94 99 93	#5E635D
16.7%	16.7% #6A7265	RGB 106 114 101	#6A7265
33.3%	33.3% #77816C	RGB 119 129 108	#77816C
50.0%	50.0% #879072	RGB 135 144 114	#879072
66.7%	66.7% #9B9F77	RGB 155 159 119	#9B9F77
83.3%	83.3% #AEA97A	RGB 174 169 122	#AEA97A
100.0%	100.0% #BDAB7C	RGB 189 171 124	#BDAB7C

#5E635D #6A7265 #77816C #879072 #9B9F77 #AEA97A #BDAB7C

#5E635D - #879072 - #BDAB7C

CSS codes

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

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