#BDB76B - #35341E | 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 #BDB76B to #35341E

#BDB76B #35341E

Calculate the color between two colors, #BDB76B and #35341E. 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)

#BDB76B - #35341E | 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 #BDB76B as 0% and #35341E as 100%.

0.0%	0.0% #BDB76B	RGB 189 183 107	#BDB76B
16.7%	16.7% #A6A15E	RGB 166 161 94	#A6A15E
33.3%	33.3% #8F8B51	RGB 143 139 81	#8F8B51
50.0%	50.0% #797544	RGB 121 117 68	#797544
66.7%	66.7% #625F37	RGB 98 95 55	#625F37
83.3%	83.3% #4B492A	RGB 75 73 42	#4B492A
100.0%	100.0% #35341E	RGB 53 52 30	#35341E

#BDB76B #A6A15E #8F8B51 #797544 #625F37 #4B492A #35341E

#BDB76B - #35341E

HSV Blend

#BDB76B - #35341E | 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 #BDB76B as 0% and #35341E as 100%.

0.0%	0.0% #BDB76B	RGB 189 183 107	#BDB76B
16.7%	16.7% #A6A15E	RGB 166 161 94	#A6A15E
33.3%	33.3% #8F8B51	RGB 143 139 81	#8F8B51
50.0%	50.0% #797544	RGB 121 117 68	#797544
66.7%	66.7% #626037	RGB 98 96 55	#626037
83.3%	83.3% #4B4A2A	RGB 75 74 42	#4B4A2A
100.0%	100.0% #35341E	RGB 53 52 30	#35341E

#BDB76B #A6A15E #8F8B51 #797544 #626037 #4B4A2A #35341E

#BDB76B - #797544 - #35341E

CSS codes

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

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