#BA8300 - #70530C | 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 #BA8300 to #70530C

#BA8300 #70530C

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

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

0.0%	0.0% #BA8300	RGB 186 131 0	#BA8300
16.7%	16.7% #AD7B02	RGB 173 123 2	#AD7B02
33.3%	33.3% #A17304	RGB 161 115 4	#A17304
50.0%	50.0% #956B06	RGB 149 107 6	#956B06
66.7%	66.7% #886308	RGB 136 99 8	#886308
83.3%	83.3% #7C5B0A	RGB 124 91 10	#7C5B0A
100.0%	100.0% #70530C	RGB 112 83 12	#70530C

#BA8300 #AD7B02 #A17304 #956B06 #886308 #7C5B0A #70530C

#BA8300 - #70530C

HSV Blend

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

0.0%	0.0% #BA8300	RGB 186 131 0	#BA8300
16.7%	16.7% #AD7B03	RGB 173 123 3	#AD7B03
33.3%	33.3% #A17305	RGB 161 115 5	#A17305
50.0%	50.0% #956B07	RGB 149 107 7	#956B07
66.7%	66.7% #886309	RGB 136 99 9	#886309
83.3%	83.3% #7C5B0B	RGB 124 91 11	#7C5B0B
100.0%	100.0% #70530C	RGB 112 83 12	#70530C

#BA8300 #AD7B03 #A17305 #956B07 #886309 #7C5B0B #70530C

#BA8300 - #956B07 - #70530C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA8300 0%, #956B07 50%, #70530C 100%);
    background: -webkit-linear-gradient(top, #BA8300 0%, #956B07 50%, #70530C 100%);
    background: linear-gradient(to bottom, #BA8300 0%, #956B07 50%, #70530C 100%);
}
</style>