#BA7029 - #35200B | 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 #BA7029 to #35200B

#BA7029 #35200B

Calculate the color between two colors, #BA7029 and #35200B. 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)

#BA7029 - #35200B | 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 #BA7029 as 0% and #35200B as 100%.

0.0%	0.0% #BA7029	RGB 186 112 41	#BA7029
16.7%	16.7% #A36224	RGB 163 98 36	#A36224
33.3%	33.3% #8D551F	RGB 141 85 31	#8D551F
50.0%	50.0% #77481A	RGB 119 72 26	#77481A
66.7%	66.7% #613A15	RGB 97 58 21	#613A15
83.3%	83.3% #4B2D10	RGB 75 45 16	#4B2D10
100.0%	100.0% #35200B	RGB 53 32 11	#35200B

#BA7029 #A36224 #8D551F #77481A #613A15 #4B2D10 #35200B

#BA7029 - #35200B

HSV Blend

#BA7029 - #35200B | 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 #BA7029 as 0% and #35200B as 100%.

0.0%	0.0% #BA7029	RGB 186 112 41	#BA7029
16.7%	16.7% #A36223	RGB 163 98 35	#A36223
33.3%	33.3% #8D551E	RGB 141 85 30	#8D551E
50.0%	50.0% #774819	RGB 119 72 25	#774819
66.7%	66.7% #613A14	RGB 97 58 20	#613A14
83.3%	83.3% #4B2D0F	RGB 75 45 15	#4B2D0F
100.0%	100.0% #35200B	RGB 53 32 11	#35200B

#BA7029 #A36223 #8D551E #774819 #613A14 #4B2D0F #35200B

#BA7029 - #774819 - #35200B

CSS codes

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

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