#53473C - #C3BC5E | 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 #53473C to #C3BC5E

#53473C #C3BC5E

Calculate the color between two colors, #53473C and #C3BC5E. 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)

#53473C - #C3BC5E | 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 #53473C as 0% and #C3BC5E as 100%.

0.0%	0.0% #53473C	RGB 83 71 60	#53473C
16.7%	16.7% #655A41	RGB 101 90 65	#655A41
33.3%	33.3% #786E47	RGB 120 110 71	#786E47
50.0%	50.0% #8B814D	RGB 139 129 77	#8B814D
66.7%	66.7% #9D9552	RGB 157 149 82	#9D9552
83.3%	83.3% #B0A858	RGB 176 168 88	#B0A858
100.0%	100.0% #C3BC5E	RGB 195 188 94	#C3BC5E

#53473C #655A41 #786E47 #8B814D #9D9552 #B0A858 #C3BC5E

#53473C - #C3BC5E

HSV Blend

#53473C - #C3BC5E | 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 #53473C as 0% and #C3BC5E as 100%.

0.0%	0.0% #53473C	RGB 83 71 60	#53473C
16.7%	16.7% #655745	RGB 101 87 69	#655745
33.3%	33.3% #78684D	RGB 120 104 77	#78684D
50.0%	50.0% #8B7A53	RGB 139 122 83	#8B7A53
66.7%	66.7% #9D8E58	RGB 157 142 88	#9D8E58
83.3%	83.3% #B0A45C	RGB 176 164 92	#B0A45C
100.0%	100.0% #C3BC5E	RGB 195 188 94	#C3BC5E

#53473C #655745 #78684D #8B7A53 #9D8E58 #B0A45C #C3BC5E

#53473C - #8B7A53 - #C3BC5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53473C 0%, #8B7A53 50%, #C3BC5E 100%);
    background: -webkit-linear-gradient(top, #53473C 0%, #8B7A53 50%, #C3BC5E 100%);
    background: linear-gradient(to bottom, #53473C 0%, #8B7A53 50%, #C3BC5E 100%);
}
</style>