#48471C - #B29D3E | 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 #48471C to #B29D3E

#48471C #B29D3E

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

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

0.0%	0.0% #48471C	RGB 72 71 28	#48471C
16.7%	16.7% #595521	RGB 89 85 33	#595521
33.3%	33.3% #6B6327	RGB 107 99 39	#6B6327
50.0%	50.0% #7D722D	RGB 125 114 45	#7D722D
66.7%	66.7% #8E8032	RGB 142 128 50	#8E8032
83.3%	83.3% #A08E38	RGB 160 142 56	#A08E38
100.0%	100.0% #B29D3E	RGB 178 157 62	#B29D3E

#48471C #595521 #6B6327 #7D722D #8E8032 #A08E38 #B29D3E

#48471C - #B29D3E

HSV Blend

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

0.0%	0.0% #48471C	RGB 72 71 28	#48471C
16.7%	16.7% #595622	RGB 89 86 34	#595622
33.3%	33.3% #6B6628	RGB 107 102 40	#6B6628
50.0%	50.0% #7D742E	RGB 125 116 46	#7D742E
66.7%	66.7% #8E8233	RGB 142 130 51	#8E8233
83.3%	83.3% #A09038	RGB 160 144 56	#A09038
100.0%	100.0% #B29D3E	RGB 178 157 62	#B29D3E

#48471C #595622 #6B6628 #7D742E #8E8233 #A09038 #B29D3E

#48471C - #7D742E - #B29D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48471C 0%, #7D742E 50%, #B29D3E 100%);
    background: -webkit-linear-gradient(top, #48471C 0%, #7D742E 50%, #B29D3E 100%);
    background: linear-gradient(to bottom, #48471C 0%, #7D742E 50%, #B29D3E 100%);
}
</style>