#5E655F - #A3A97B | 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 #5E655F to #A3A97B

#5E655F #A3A97B

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

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

0.0%	0.0% #5E655F	RGB 94 101 95	#5E655F
16.7%	16.7% #697063	RGB 105 112 99	#697063
33.3%	33.3% #757B68	RGB 117 123 104	#757B68
50.0%	50.0% #80876D	RGB 128 135 109	#80876D
66.7%	66.7% #8C9271	RGB 140 146 113	#8C9271
83.3%	83.3% #979D76	RGB 151 157 118	#979D76
100.0%	100.0% #A3A97B	RGB 163 169 123	#A3A97B

#5E655F #697063 #757B68 #80876D #8C9271 #979D76 #A3A97B

#5E655F - #A3A97B

HSV Blend

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

0.0%	0.0% #5E655F	RGB 94 101 95	#5E655F
16.7%	16.7% #657064	RGB 101 112 100	#657064
33.3%	33.3% #6E7B6A	RGB 110 123 106	#6E7B6A
50.0%	50.0% #78876F	RGB 120 135 111	#78876F
66.7%	66.7% #849274	RGB 132 146 116	#849274
83.3%	83.3% #929D78	RGB 146 157 120	#929D78
100.0%	100.0% #A3A97B	RGB 163 169 123	#A3A97B

#5E655F #657064 #6E7B6A #78876F #849274 #929D78 #A3A97B

#5E655F - #78876F - #A3A97B

CSS codes

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

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