#3E3C3C - #618A6B | 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 #3E3C3C to #618A6B

#3E3C3C #618A6B

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

#3E3C3C - #618A6B | 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 #3E3C3C as 0% and #618A6B as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #434943	RGB 67 73 67	#434943
33.3%	33.3% #49564B	RGB 73 86 75	#49564B
50.0%	50.0% #4F6353	RGB 79 99 83	#4F6353
66.7%	66.7% #55705B	RGB 85 112 91	#55705B
83.3%	83.3% #5B7D63	RGB 91 125 99	#5B7D63
100.0%	100.0% #618A6B	RGB 97 138 107	#618A6B

#3E3C3C #434943 #49564B #4F6353 #55705B #5B7D63 #618A6B

#3E3C3C - #618A6B

HSV Blend

#3E3C3C - #618A6B | 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 #3E3C3C as 0% and #618A6B as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #4A4744	RGB 74 71 68	#4A4744
33.3%	33.3% #57544C	RGB 87 84 76	#57544C
50.0%	50.0% #616453	RGB 97 100 83	#616453
66.7%	66.7% #647059	RGB 100 112 89	#647059
83.3%	83.3% #617D5D	RGB 97 125 93	#617D5D
100.0%	100.0% #618A6B	RGB 97 138 107	#618A6B

#3E3C3C #4A4744 #57544C #616453 #647059 #617D5D #618A6B

#3E3C3C - #616453 - #618A6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #616453 50%, #618A6B 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #616453 50%, #618A6B 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #616453 50%, #618A6B 100%);
}
</style>