#7E6E76 - #5E2922 | 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 #7E6E76 to #5E2922

#7E6E76 #5E2922

Calculate the color between two colors, #7E6E76 and #5E2922. 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)

#7E6E76 - #5E2922 | 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 #7E6E76 as 0% and #5E2922 as 100%.

0.0%	0.0% #7E6E76	RGB 126 110 118	#7E6E76
16.7%	16.7% #786268	RGB 120 98 104	#786268
33.3%	33.3% #73575A	RGB 115 87 90	#73575A
50.0%	50.0% #6E4B4C	RGB 110 75 76	#6E4B4C
66.7%	66.7% #68403E	RGB 104 64 62	#68403E
83.3%	83.3% #633430	RGB 99 52 48	#633430
100.0%	100.0% #5E2922	RGB 94 41 34	#5E2922

#7E6E76 #786268 #73575A #6E4B4C #68403E #633430 #5E2922

#7E6E76 - #5E2922

HSV Blend

#7E6E76 - #5E2922 | 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 #7E6E76 as 0% and #5E2922 as 100%.

0.0%	0.0% #7E6E76	RGB 126 110 118	#7E6E76
16.7%	16.7% #785F69	RGB 120 95 105	#785F69
33.3%	33.3% #73515B	RGB 115 81 91	#73515B
50.0%	50.0% #6E434B	RGB 110 67 75	#6E434B
66.7%	66.7% #68373C	RGB 104 55 60	#68373C
83.3%	83.3% #632D2C	RGB 99 45 44	#632D2C
100.0%	100.0% #5E2922	RGB 94 41 34	#5E2922

#7E6E76 #785F69 #73515B #6E434B #68373C #632D2C #5E2922

#7E6E76 - #6E434B - #5E2922

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6E76 0%, #6E434B 50%, #5E2922 100%);
    background: -webkit-linear-gradient(top, #7E6E76 0%, #6E434B 50%, #5E2922 100%);
    background: linear-gradient(to bottom, #7E6E76 0%, #6E434B 50%, #5E2922 100%);
}
</style>