#BA9D3E - #8C600F | 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 #BA9D3E to #8C600F

#BA9D3E #8C600F

Calculate the color between two colors, #BA9D3E and #8C600F. 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)

#BA9D3E - #8C600F | 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 #BA9D3E as 0% and #8C600F as 100%.

0.0%	0.0% #BA9D3E	RGB 186 157 62	#BA9D3E
16.7%	16.7% #B29236	RGB 178 146 54	#B29236
33.3%	33.3% #AA882E	RGB 170 136 46	#AA882E
50.0%	50.0% #A37E26	RGB 163 126 38	#A37E26
66.7%	66.7% #9B741E	RGB 155 116 30	#9B741E
83.3%	83.3% #936A16	RGB 147 106 22	#936A16
100.0%	100.0% #8C600F	RGB 140 96 15	#8C600F

#BA9D3E #B29236 #AA882E #A37E26 #9B741E #936A16 #8C600F

#BA9D3E - #8C600F

HSV Blend

#BA9D3E - #8C600F | 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 #BA9D3E as 0% and #8C600F as 100%.

0.0%	0.0% #BA9D3E	RGB 186 157 62	#BA9D3E
16.7%	16.7% #B29234	RGB 178 146 52	#B29234
33.3%	33.3% #AA882C	RGB 170 136 44	#AA882C
50.0%	50.0% #A37D23	RGB 163 125 35	#A37D23
66.7%	66.7% #9B731C	RGB 155 115 28	#9B731C
83.3%	83.3% #936915	RGB 147 105 21	#936915
100.0%	100.0% #8C600F	RGB 140 96 15	#8C600F

#BA9D3E #B29234 #AA882C #A37D23 #9B731C #936915 #8C600F

#BA9D3E - #A37D23 - #8C600F

CSS codes

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

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