#393E3C - #6E7E5B | 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 #393E3C to #6E7E5B

#393E3C #6E7E5B

Calculate the color between two colors, #393E3C and #6E7E5B. 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)

#393E3C - #6E7E5B | 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 #393E3C as 0% and #6E7E5B as 100%.

0.0%	0.0% #393E3C	RGB 57 62 60	#393E3C
16.7%	16.7% #414841	RGB 65 72 65	#414841
33.3%	33.3% #4A5346	RGB 74 83 70	#4A5346
50.0%	50.0% #535E4B	RGB 83 94 75	#535E4B
66.7%	66.7% #5C6850	RGB 92 104 80	#5C6850
83.3%	83.3% #657355	RGB 101 115 85	#657355
100.0%	100.0% #6E7E5B	RGB 110 126 91	#6E7E5B

#393E3C #414841 #4A5346 #535E4B #5C6850 #657355 #6E7E5B

#393E3C - #6E7E5B

HSV Blend

#393E3C - #6E7E5B | 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 #393E3C as 0% and #6E7E5B as 100%.

0.0%	0.0% #393E3C	RGB 57 62 60	#393E3C
16.7%	16.7% #404843	RGB 64 72 67	#404843
33.3%	33.3% #475349	RGB 71 83 73	#475349
50.0%	50.0% #4D5E4D	RGB 77 94 77	#4D5E4D
66.7%	66.7% #566852	RGB 86 104 82	#566852
83.3%	83.3% #617357	RGB 97 115 87	#617357
100.0%	100.0% #6E7E5B	RGB 110 126 91	#6E7E5B

#393E3C #404843 #475349 #4D5E4D #566852 #617357 #6E7E5B

#393E3C - #4D5E4D - #6E7E5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393E3C 0%, #4D5E4D 50%, #6E7E5B 100%);
    background: -webkit-linear-gradient(top, #393E3C 0%, #4D5E4D 50%, #6E7E5B 100%);
    background: linear-gradient(to bottom, #393E3C 0%, #4D5E4D 50%, #6E7E5B 100%);
}
</style>