#7E7E7E - #397029 | 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 #7E7E7E to #397029

#7E7E7E #397029

Calculate the color between two colors, #7E7E7E and #397029. 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)

#7E7E7E - #397029 | 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 #7E7E7E as 0% and #397029 as 100%.

0.0%	0.0% #7E7E7E	RGB 126 126 126	#7E7E7E
16.7%	16.7% #727B6F	RGB 114 123 111	#727B6F
33.3%	33.3% #677961	RGB 103 121 97	#677961
50.0%	50.0% #5B7753	RGB 91 119 83	#5B7753
66.7%	66.7% #507445	RGB 80 116 69	#507445
83.3%	83.3% #447237	RGB 68 114 55	#447237
100.0%	100.0% #397029	RGB 57 112 41	#397029

#7E7E7E #727B6F #677961 #5B7753 #507445 #447237 #397029

#7E7E7E - #397029

HSV Blend

#7E7E7E - #397029 | 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 #7E7E7E as 0% and #397029 as 100%.

0.0%	0.0% #7E7E7E	RGB 126 126 126	#7E7E7E
16.7%	16.7% #7B726E	RGB 123 114 110	#7B726E
33.3%	33.3% #796E5F	RGB 121 110 95	#796E5F
50.0%	50.0% #777251	RGB 119 114 81	#777251
66.7%	66.7% #6B7443	RGB 107 116 67	#6B7443
83.3%	83.3% #557235	RGB 85 114 53	#557235
100.0%	100.0% #397029	RGB 57 112 41	#397029

#7E7E7E #7B726E #796E5F #777251 #6B7443 #557235 #397029

#7E7E7E - #777251 - #397029

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E7E 0%, #777251 50%, #397029 100%);
    background: -webkit-linear-gradient(top, #7E7E7E 0%, #777251 50%, #397029 100%);
    background: linear-gradient(to bottom, #7E7E7E 0%, #777251 50%, #397029 100%);
}
</style>