#BA9F69 - #352D1E | 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 #BA9F69 to #352D1E

#BA9F69 #352D1E

Calculate the color between two colors, #BA9F69 and #352D1E. 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)

#BA9F69 - #352D1E | 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 #BA9F69 as 0% and #352D1E as 100%.

0.0%	0.0% #BA9F69	RGB 186 159 105	#BA9F69
16.7%	16.7% #A38C5C	RGB 163 140 92	#A38C5C
33.3%	33.3% #8D7950	RGB 141 121 80	#8D7950
50.0%	50.0% #776643	RGB 119 102 67	#776643
66.7%	66.7% #615337	RGB 97 83 55	#615337
83.3%	83.3% #4B402A	RGB 75 64 42	#4B402A
100.0%	100.0% #352D1E	RGB 53 45 30	#352D1E

#BA9F69 #A38C5C #8D7950 #776643 #615337 #4B402A #352D1E

#BA9F69 - #352D1E

HSV Blend

#BA9F69 - #352D1E | 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 #BA9F69 as 0% and #352D1E as 100%.

0.0%	0.0% #BA9F69	RGB 186 159 105	#BA9F69
16.7%	16.7% #A38B5C	RGB 163 139 92	#A38B5C
33.3%	33.3% #8D7850	RGB 141 120 80	#8D7850
50.0%	50.0% #776543	RGB 119 101 67	#776543
66.7%	66.7% #615237	RGB 97 82 55	#615237
83.3%	83.3% #4B3F2A	RGB 75 63 42	#4B3F2A
100.0%	100.0% #352D1E	RGB 53 45 30	#352D1E

#BA9F69 #A38B5C #8D7850 #776543 #615237 #4B3F2A #352D1E

#BA9F69 - #776543 - #352D1E

CSS codes

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

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