#555646 - #B7A271 | 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 #555646 to #B7A271

#555646 #B7A271

Calculate the color between two colors, #555646 and #B7A271. 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)

#555646 - #B7A271 | 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 #555646 as 0% and #B7A271 as 100%.

0.0%	0.0% #555646	RGB 85 86 70	#555646
16.7%	16.7% #65624D	RGB 101 98 77	#65624D
33.3%	33.3% #756F54	RGB 117 111 84	#756F54
50.0%	50.0% #867C5B	RGB 134 124 91	#867C5B
66.7%	66.7% #968862	RGB 150 136 98	#968862
83.3%	83.3% #A69569	RGB 166 149 105	#A69569
100.0%	100.0% #B7A271	RGB 183 162 113	#B7A271

#555646 #65624D #756F54 #867C5B #968862 #A69569 #B7A271

#555646 - #B7A271

HSV Blend

#555646 - #B7A271 | 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 #555646 as 0% and #B7A271 as 100%.

0.0%	0.0% #555646	RGB 85 86 70	#555646
16.7%	16.7% #66664F	RGB 102 102 79	#66664F
33.3%	33.3% #767458	RGB 118 116 88	#767458
50.0%	50.0% #868160	RGB 134 129 96	#868160
66.7%	66.7% #968E66	RGB 150 142 102	#968E66
83.3%	83.3% #A6986C	RGB 166 152 108	#A6986C
100.0%	100.0% #B7A271	RGB 183 162 113	#B7A271

#555646 #66664F #767458 #868160 #968E66 #A6986C #B7A271

#555646 - #868160 - #B7A271

CSS codes

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

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