#764321 - #4B2007 | 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 #764321 to #4B2007

#764321 #4B2007

Calculate the color between two colors, #764321 and #4B2007. 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)

#764321 - #4B2007 | 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 #764321 as 0% and #4B2007 as 100%.

0.0%	0.0% #764321	RGB 118 67 33	#764321
16.7%	16.7% #6E3D1C	RGB 110 61 28	#6E3D1C
33.3%	33.3% #673718	RGB 103 55 24	#673718
50.0%	50.0% #603114	RGB 96 49 20	#603114
66.7%	66.7% #592B0F	RGB 89 43 15	#592B0F
83.3%	83.3% #52250B	RGB 82 37 11	#52250B
100.0%	100.0% #4B2007	RGB 75 32 7	#4B2007

#764321 #6E3D1C #673718 #603114 #592B0F #52250B #4B2007

#764321 - #4B2007

HSV Blend

#764321 - #4B2007 | 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 #764321 as 0% and #4B2007 as 100%.

0.0%	0.0% #764321	RGB 118 67 33	#764321
16.7%	16.7% #6E3C1B	RGB 110 60 27	#6E3C1B
33.3%	33.3% #673616	RGB 103 54 22	#673616
50.0%	50.0% #603011	RGB 96 48 17	#603011
66.7%	66.7% #592A0D	RGB 89 42 13	#592A0D
83.3%	83.3% #52250A	RGB 82 37 10	#52250A
100.0%	100.0% #4B2007	RGB 75 32 7	#4B2007

#764321 #6E3C1B #673616 #603011 #592A0D #52250A #4B2007

#764321 - #603011 - #4B2007

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #764321 0%, #603011 50%, #4B2007 100%);
    background: -webkit-linear-gradient(top, #764321 0%, #603011 50%, #4B2007 100%);
    background: linear-gradient(to bottom, #764321 0%, #603011 50%, #4B2007 100%);
}
</style>