#554732 - #BAAF5C | 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 #554732 to #BAAF5C

#554732 #BAAF5C

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

#554732 - #BAAF5C | 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 #554732 as 0% and #BAAF5C as 100%.

0.0%	0.0% #554732	RGB 85 71 50	#554732
16.7%	16.7% #655839	RGB 101 88 57	#655839
33.3%	33.3% #766940	RGB 118 105 64	#766940
50.0%	50.0% #877B47	RGB 135 123 71	#877B47
66.7%	66.7% #988C4E	RGB 152 140 78	#988C4E
83.3%	83.3% #A99D55	RGB 169 157 85	#A99D55
100.0%	100.0% #BAAF5C	RGB 186 175 92	#BAAF5C

#554732 #655839 #766940 #877B47 #988C4E #A99D55 #BAAF5C

#554732 - #BAAF5C

HSV Blend

#554732 - #BAAF5C | 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 #554732 as 0% and #BAAF5C as 100%.

0.0%	0.0% #554732	RGB 85 71 50	#554732
16.7%	16.7% #65563A	RGB 101 86 58	#65563A
33.3%	33.3% #766642	RGB 118 102 66	#766642
50.0%	50.0% #877749	RGB 135 119 73	#877749
66.7%	66.7% #988950	RGB 152 137 80	#988950
83.3%	83.3% #A99B56	RGB 169 155 86	#A99B56
100.0%	100.0% #BAAF5C	RGB 186 175 92	#BAAF5C

#554732 #65563A #766642 #877749 #988950 #A99B56 #BAAF5C

#554732 - #877749 - #BAAF5C

CSS codes

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

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