#7E5E52 - #612B10 | 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 #7E5E52 to #612B10

#7E5E52 #612B10

Calculate the color between two colors, #7E5E52 and #612B10. 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)

#7E5E52 - #612B10 | 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 #7E5E52 as 0% and #612B10 as 100%.

0.0%	0.0% #7E5E52	RGB 126 94 82	#7E5E52
16.7%	16.7% #795547	RGB 121 85 71	#795547
33.3%	33.3% #744D3C	RGB 116 77 60	#744D3C
50.0%	50.0% #6F4431	RGB 111 68 49	#6F4431
66.7%	66.7% #6A3C26	RGB 106 60 38	#6A3C26
83.3%	83.3% #65331B	RGB 101 51 27	#65331B
100.0%	100.0% #612B10	RGB 97 43 16	#612B10

#7E5E52 #795547 #744D3C #6F4431 #6A3C26 #65331B #612B10

#7E5E52 - #612B10

HSV Blend

#7E5E52 - #612B10 | 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 #7E5E52 as 0% and #612B10 as 100%.

0.0%	0.0% #7E5E52	RGB 126 94 82	#7E5E52
16.7%	16.7% #795345	RGB 121 83 69	#795345
33.3%	33.3% #744A38	RGB 116 74 56	#744A38
50.0%	50.0% #6F412D	RGB 111 65 45	#6F412D
66.7%	66.7% #6A3922	RGB 106 57 34	#6A3922
83.3%	83.3% #653119	RGB 101 49 25	#653119
100.0%	100.0% #612B10	RGB 97 43 16	#612B10

#7E5E52 #795345 #744A38 #6F412D #6A3922 #653119 #612B10

#7E5E52 - #6F412D - #612B10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E52 0%, #6F412D 50%, #612B10 100%);
    background: -webkit-linear-gradient(top, #7E5E52 0%, #6F412D 50%, #612B10 100%);
    background: linear-gradient(to bottom, #7E5E52 0%, #6F412D 50%, #612B10 100%);
}
</style>