#BE6600 - #84350C | 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 #BE6600 to #84350C

#BE6600 #84350C

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

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

0.0%	0.0% #BE6600	RGB 190 102 0	#BE6600
16.7%	16.7% #B45D02	RGB 180 93 2	#B45D02
33.3%	33.3% #AA5504	RGB 170 85 4	#AA5504
50.0%	50.0% #A14D06	RGB 161 77 6	#A14D06
66.7%	66.7% #974508	RGB 151 69 8	#974508
83.3%	83.3% #8D3D0A	RGB 141 61 10	#8D3D0A
100.0%	100.0% #84350C	RGB 132 53 12	#84350C

#BE6600 #B45D02 #AA5504 #A14D06 #974508 #8D3D0A #84350C

#BE6600 - #84350C

HSV Blend

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

0.0%	0.0% #BE6600	RGB 190 102 0	#BE6600
16.7%	16.7% #B45C02	RGB 180 92 2	#B45C02
33.3%	33.3% #AA5305	RGB 170 83 5	#AA5305
50.0%	50.0% #A14A07	RGB 161 74 7	#A14A07
66.7%	66.7% #974209	RGB 151 66 9	#974209
83.3%	83.3% #8D3B0A	RGB 141 59 10	#8D3B0A
100.0%	100.0% #84350C	RGB 132 53 12	#84350C

#BE6600 #B45C02 #AA5305 #A14A07 #974209 #8D3B0A #84350C

#BE6600 - #A14A07 - #84350C

CSS codes

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

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