#5E675D - #BFAE7B | 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 #5E675D to #BFAE7B

#5E675D #BFAE7B

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

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

0.0%	0.0% #5E675D	RGB 94 103 93	#5E675D
16.7%	16.7% #6E7262	RGB 110 114 98	#6E7262
33.3%	33.3% #7E7E67	RGB 126 126 103	#7E7E67
50.0%	50.0% #8E8A6C	RGB 142 138 108	#8E8A6C
66.7%	66.7% #9E9671	RGB 158 150 113	#9E9671
83.3%	83.3% #AEA276	RGB 174 162 118	#AEA276
100.0%	100.0% #BFAE7B	RGB 191 174 123	#BFAE7B

#5E675D #6E7262 #7E7E67 #8E8A6C #9E9671 #AEA276 #BFAE7B

#5E675D - #BFAE7B

HSV Blend

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

0.0%	0.0% #5E675D	RGB 94 103 93	#5E675D
16.7%	16.7% #697565	RGB 105 117 101	#697565
33.3%	33.3% #77846C	RGB 119 132 108	#77846C
50.0%	50.0% #889371	RGB 136 147 113	#889371
66.7%	66.7% #9BA176	RGB 155 161 118	#9BA176
83.3%	83.3% #B0AD79	RGB 176 173 121	#B0AD79
100.0%	100.0% #BFAE7B	RGB 191 174 123	#BFAE7B

#5E675D #697565 #77846C #889371 #9BA176 #B0AD79 #BFAE7B

#5E675D - #889371 - #BFAE7B

CSS codes

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

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