#7F5E4D - #602C0E | 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 #7F5E4D to #602C0E

#7F5E4D #602C0E

Calculate the color between two colors, #7F5E4D and #602C0E. 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)

#7F5E4D - #602C0E | 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 #7F5E4D as 0% and #602C0E as 100%.

0.0%	0.0% #7F5E4D	RGB 127 94 77	#7F5E4D
16.7%	16.7% #795542	RGB 121 85 66	#795542
33.3%	33.3% #744D38	RGB 116 77 56	#744D38
50.0%	50.0% #6F452D	RGB 111 69 45	#6F452D
66.7%	66.7% #6A3C23	RGB 106 60 35	#6A3C23
83.3%	83.3% #653418	RGB 101 52 24	#653418
100.0%	100.0% #602C0E	RGB 96 44 14	#602C0E

#7F5E4D #795542 #744D38 #6F452D #6A3C23 #653418 #602C0E

#7F5E4D - #602C0E

HSV Blend

#7F5E4D - #602C0E | 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 #7F5E4D as 0% and #602C0E as 100%.

0.0%	0.0% #7F5E4D	RGB 127 94 77	#7F5E4D
16.7%	16.7% #795440	RGB 121 84 64	#795440
33.3%	33.3% #744B34	RGB 116 75 52	#744B34
50.0%	50.0% #6F4229	RGB 111 66 41	#6F4229
66.7%	66.7% #6A3A1F	RGB 106 58 31	#6A3A1F
83.3%	83.3% #653216	RGB 101 50 22	#653216
100.0%	100.0% #602C0E	RGB 96 44 14	#602C0E

#7F5E4D #795440 #744B34 #6F4229 #6A3A1F #653216 #602C0E

#7F5E4D - #6F4229 - #602C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5E4D 0%, #6F4229 50%, #602C0E 100%);
    background: -webkit-linear-gradient(top, #7F5E4D 0%, #6F4229 50%, #602C0E 100%);
    background: linear-gradient(to bottom, #7F5E4D 0%, #6F4229 50%, #602C0E 100%);
}
</style>