#3E4A3E - #7B6E8C | 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 #3E4A3E to #7B6E8C

#3E4A3E #7B6E8C

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

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

0.0%	0.0% #3E4A3E	RGB 62 74 62	#3E4A3E
16.7%	16.7% #48504B	RGB 72 80 75	#48504B
33.3%	33.3% #525658	RGB 82 86 88	#525658
50.0%	50.0% #5C5C65	RGB 92 92 101	#5C5C65
66.7%	66.7% #666272	RGB 102 98 114	#666272
83.3%	83.3% #70687F	RGB 112 104 127	#70687F
100.0%	100.0% #7B6E8C	RGB 123 110 140	#7B6E8C

#3E4A3E #48504B #525658 #5C5C65 #666272 #70687F #7B6E8C

#3E4A3E - #7B6E8C

HSV Blend

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

0.0%	0.0% #3E4A3E	RGB 62 74 62	#3E4A3E
16.7%	16.7% #46554C	RGB 70 85 76	#46554C
33.3%	33.3% #4E605C	RGB 78 96 92	#4E605C
50.0%	50.0% #56666B	RGB 86 102 107	#56666B
66.7%	66.7% #5E6776	RGB 94 103 118	#5E6776
83.3%	83.3% #676681	RGB 103 102 129	#676681
100.0%	100.0% #7B6E8C	RGB 123 110 140	#7B6E8C

#3E4A3E #46554C #4E605C #56666B #5E6776 #676681 #7B6E8C

#3E4A3E - #56666B - #7B6E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4A3E 0%, #56666B 50%, #7B6E8C 100%);
    background: -webkit-linear-gradient(top, #3E4A3E 0%, #56666B 50%, #7B6E8C 100%);
    background: linear-gradient(to bottom, #3E4A3E 0%, #56666B 50%, #7B6E8C 100%);
}
</style>