#5E655C - #BFAD7B | 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 #5E655C to #BFAD7B

#5E655C #BFAD7B

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

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

0.0%	0.0% #5E655C	RGB 94 101 92	#5E655C
16.7%	16.7% #6E7161	RGB 110 113 97	#6E7161
33.3%	33.3% #7E7D66	RGB 126 125 102	#7E7D66
50.0%	50.0% #8E896B	RGB 142 137 107	#8E896B
66.7%	66.7% #9E9570	RGB 158 149 112	#9E9570
83.3%	83.3% #AEA175	RGB 174 161 117	#AEA175
100.0%	100.0% #BFAD7B	RGB 191 173 123	#BFAD7B

#5E655C #6E7161 #7E7D66 #8E896B #9E9570 #AEA175 #BFAD7B

#5E655C - #BFAD7B

HSV Blend

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

0.0%	0.0% #5E655C	RGB 94 101 92	#5E655C
16.7%	16.7% #6A7464	RGB 106 116 100	#6A7464
33.3%	33.3% #78836B	RGB 120 131 107	#78836B
50.0%	50.0% #899271	RGB 137 146 113	#899271
66.7%	66.7% #9DA176	RGB 157 161 118	#9DA176
83.3%	83.3% #B0AB79	RGB 176 171 121	#B0AB79
100.0%	100.0% #BFAD7B	RGB 191 173 123	#BFAD7B

#5E655C #6A7464 #78836B #899271 #9DA176 #B0AB79 #BFAD7B

#5E655C - #899271 - #BFAD7B

CSS codes

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

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