#7B7F5E - #434D16 | 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 #7B7F5E to #434D16

#7B7F5E #434D16

Calculate the color between two colors, #7B7F5E and #434D16. 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)

#7B7F5E - #434D16 | 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 #7B7F5E as 0% and #434D16 as 100%.

0.0%	0.0% #7B7F5E	RGB 123 127 94	#7B7F5E
16.7%	16.7% #717652	RGB 113 118 82	#717652
33.3%	33.3% #686E46	RGB 104 110 70	#686E46
50.0%	50.0% #5F663A	RGB 95 102 58	#5F663A
66.7%	66.7% #555D2E	RGB 85 93 46	#555D2E
83.3%	83.3% #4C5522	RGB 76 85 34	#4C5522
100.0%	100.0% #434D16	RGB 67 77 22	#434D16

#7B7F5E #717652 #686E46 #5F663A #555D2E #4C5522 #434D16

#7B7F5E - #434D16

HSV Blend

#7B7F5E - #434D16 | 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 #7B7F5E as 0% and #434D16 as 100%.

0.0%	0.0% #7B7F5E	RGB 123 127 94	#7B7F5E
16.7%	16.7% #71764E	RGB 113 118 78	#71764E
33.3%	33.3% #676E40	RGB 103 110 64	#676E40
50.0%	50.0% #5E6634	RGB 94 102 52	#5E6634
66.7%	66.7% #555D28	RGB 85 93 40	#555D28
83.3%	83.3% #4B551E	RGB 75 85 30	#4B551E
100.0%	100.0% #434D16	RGB 67 77 22	#434D16

#7B7F5E #71764E #676E40 #5E6634 #555D28 #4B551E #434D16

#7B7F5E - #5E6634 - #434D16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7F5E 0%, #5E6634 50%, #434D16 100%);
    background: -webkit-linear-gradient(top, #7B7F5E 0%, #5E6634 50%, #434D16 100%);
    background: linear-gradient(to bottom, #7B7F5E 0%, #5E6634 50%, #434D16 100%);
}
</style>