#5E615D - #BCAA7D | 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 #5E615D to #BCAA7D

#5E615D #BCAA7D

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

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

0.0%	0.0% #5E615D	RGB 94 97 93	#5E615D
16.7%	16.7% #6D6D62	RGB 109 109 98	#6D6D62
33.3%	33.3% #7D7967	RGB 125 121 103	#7D7967
50.0%	50.0% #8D856D	RGB 141 133 109	#8D856D
66.7%	66.7% #9C9172	RGB 156 145 114	#9C9172
83.3%	83.3% #AC9D77	RGB 172 157 119	#AC9D77
100.0%	100.0% #BCAA7D	RGB 188 170 125	#BCAA7D

#5E615D #6D6D62 #7D7967 #8D856D #9C9172 #AC9D77 #BCAA7D

#5E615D - #BCAA7D

HSV Blend

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

0.0%	0.0% #5E615D	RGB 94 97 93	#5E615D
16.7%	16.7% #6A7066	RGB 106 112 102	#6A7066
33.3%	33.3% #787F6D	RGB 120 127 109	#787F6D
50.0%	50.0% #888E73	RGB 136 142 115	#888E73
66.7%	66.7% #9B9D78	RGB 155 157 120	#9B9D78
83.3%	83.3% #ACA77B	RGB 172 167 123	#ACA77B
100.0%	100.0% #BCAA7D	RGB 188 170 125	#BCAA7D

#5E615D #6A7066 #787F6D #888E73 #9B9D78 #ACA77B #BCAA7D

#5E615D - #888E73 - #BCAA7D

CSS codes

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

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