#3E4A47 - #7B8C64 | 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 #3E4A47 to #7B8C64

#3E4A47 #7B8C64

Calculate the color between two colors, #3E4A47 and #7B8C64. 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)

#3E4A47 - #7B8C64 | 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 #3E4A47 as 0% and #7B8C64 as 100%.

0.0%	0.0% #3E4A47	RGB 62 74 71	#3E4A47
16.7%	16.7% #48554B	RGB 72 85 75	#48554B
33.3%	33.3% #526050	RGB 82 96 80	#526050
50.0%	50.0% #5C6B55	RGB 92 107 85	#5C6B55
66.7%	66.7% #66765A	RGB 102 118 90	#66765A
83.3%	83.3% #70815F	RGB 112 129 95	#70815F
100.0%	100.0% #7B8C64	RGB 123 140 100	#7B8C64

#3E4A47 #48554B #526050 #5C6B55 #66765A #70815F #7B8C64

#3E4A47 - #7B8C64

HSV Blend

#3E4A47 - #7B8C64 | 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 #3E4A47 as 0% and #7B8C64 as 100%.

0.0%	0.0% #3E4A47	RGB 62 74 71	#3E4A47
16.7%	16.7% #45554D	RGB 69 85 77	#45554D
33.3%	33.3% #4C6052	RGB 76 96 82	#4C6052
50.0%	50.0% #536B55	RGB 83 107 85	#536B55
66.7%	66.7% #5C7659	RGB 92 118 89	#5C7659
83.3%	83.3% #6A815E	RGB 106 129 94	#6A815E
100.0%	100.0% #7B8C64	RGB 123 140 100	#7B8C64

#3E4A47 #45554D #4C6052 #536B55 #5C7659 #6A815E #7B8C64

#3E4A47 - #536B55 - #7B8C64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4A47 0%, #536B55 50%, #7B8C64 100%);
    background: -webkit-linear-gradient(top, #3E4A47 0%, #536B55 50%, #7B8C64 100%);
    background: linear-gradient(to bottom, #3E4A47 0%, #536B55 50%, #7B8C64 100%);
}
</style>