#7A8C5E - #343F27 | 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 #7A8C5E to #343F27

#7A8C5E #343F27

Calculate the color between two colors, #7A8C5E and #343F27. 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)

#7A8C5E - #343F27 | 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 #7A8C5E as 0% and #343F27 as 100%.

0.0%	0.0% #7A8C5E	RGB 122 140 94	#7A8C5E
16.7%	16.7% #6E7F54	RGB 110 127 84	#6E7F54
33.3%	33.3% #62724B	RGB 98 114 75	#62724B
50.0%	50.0% #576542	RGB 87 101 66	#576542
66.7%	66.7% #4B5839	RGB 75 88 57	#4B5839
83.3%	83.3% #3F4B30	RGB 63 75 48	#3F4B30
100.0%	100.0% #343F27	RGB 52 63 39	#343F27

#7A8C5E #6E7F54 #62724B #576542 #4B5839 #3F4B30 #343F27

#7A8C5E - #343F27

HSV Blend

#7A8C5E - #343F27 | 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 #7A8C5E as 0% and #343F27 as 100%.

0.0%	0.0% #7A8C5E	RGB 122 140 94	#7A8C5E
16.7%	16.7% #6D7F54	RGB 109 127 84	#6D7F54
33.3%	33.3% #61724A	RGB 97 114 74	#61724A
50.0%	50.0% #566541	RGB 86 101 65	#566541
66.7%	66.7% #4A5838	RGB 74 88 56	#4A5838
83.3%	83.3% #3F4B2F	RGB 63 75 47	#3F4B2F
100.0%	100.0% #343F27	RGB 52 63 39	#343F27

#7A8C5E #6D7F54 #61724A #566541 #4A5838 #3F4B2F #343F27

#7A8C5E - #566541 - #343F27

CSS codes

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

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