#7E7E5E - #311E17 | 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 #7E7E5E to #311E17

#7E7E5E #311E17

Calculate the color between two colors, #7E7E5E and #311E17. 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)

#7E7E5E - #311E17 | 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 #7E7E5E as 0% and #311E17 as 100%.

0.0%	0.0% #7E7E5E	RGB 126 126 94	#7E7E5E
16.7%	16.7% #716E52	RGB 113 110 82	#716E52
33.3%	33.3% #645E46	RGB 100 94 70	#645E46
50.0%	50.0% #574E3A	RGB 87 78 58	#574E3A
66.7%	66.7% #4A3E2E	RGB 74 62 46	#4A3E2E
83.3%	83.3% #3D2E22	RGB 61 46 34	#3D2E22
100.0%	100.0% #311E17	RGB 49 30 23	#311E17

#7E7E5E #716E52 #645E46 #574E3A #4A3E2E #3D2E22 #311E17

#7E7E5E - #311E17

HSV Blend

#7E7E5E - #311E17 | 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 #7E7E5E as 0% and #311E17 as 100%.

0.0%	0.0% #7E7E5E	RGB 126 126 94	#7E7E5E
16.7%	16.7% #716D4F	RGB 113 109 79	#716D4F
33.3%	33.3% #645B41	RGB 100 91 65	#645B41
50.0%	50.0% #574A35	RGB 87 74 53	#574A35
66.7%	66.7% #4A3A29	RGB 74 58 41	#4A3A29
83.3%	83.3% #3D2B1F	RGB 61 43 31	#3D2B1F
100.0%	100.0% #311E17	RGB 49 30 23	#311E17

#7E7E5E #716D4F #645B41 #574A35 #4A3A29 #3D2B1F #311E17

#7E7E5E - #574A35 - #311E17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E5E 0%, #574A35 50%, #311E17 100%);
    background: -webkit-linear-gradient(top, #7E7E5E 0%, #574A35 50%, #311E17 100%);
    background: linear-gradient(to bottom, #7E7E5E 0%, #574A35 50%, #311E17 100%);
}
</style>