#7A8C7A - #2D3E34 | 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 #7A8C7A to #2D3E34

#7A8C7A #2D3E34

Calculate the color between two colors, #7A8C7A and #2D3E34. 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)

#7A8C7A - #2D3E34 | 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 #7A8C7A as 0% and #2D3E34 as 100%.

0.0%	0.0% #7A8C7A	RGB 122 140 122	#7A8C7A
16.7%	16.7% #6D7F6E	RGB 109 127 110	#6D7F6E
33.3%	33.3% #607262	RGB 96 114 98	#607262
50.0%	50.0% #536557	RGB 83 101 87	#536557
66.7%	66.7% #46584B	RGB 70 88 75	#46584B
83.3%	83.3% #394B3F	RGB 57 75 63	#394B3F
100.0%	100.0% #2D3E34	RGB 45 62 52	#2D3E34

#7A8C7A #6D7F6E #607262 #536557 #46584B #394B3F #2D3E34

#7A8C7A - #2D3E34

HSV Blend

#7A8C7A - #2D3E34 | 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 #7A8C7A as 0% and #2D3E34 as 100%.

0.0%	0.0% #7A8C7A	RGB 122 140 122	#7A8C7A
16.7%	16.7% #6B7F6C	RGB 107 127 108	#6B7F6C
33.3%	33.3% #5D7260	RGB 93 114 96	#5D7260
50.0%	50.0% #506554	RGB 80 101 84	#506554
66.7%	66.7% #445849	RGB 68 88 73	#445849
83.3%	83.3% #384B3E	RGB 56 75 62	#384B3E
100.0%	100.0% #2D3E34	RGB 45 62 52	#2D3E34

#7A8C7A #6B7F6C #5D7260 #506554 #445849 #384B3E #2D3E34

#7A8C7A - #506554 - #2D3E34

CSS codes

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

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