#3C3C3C - #71AD8B | 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 #3C3C3C to #71AD8B

#3C3C3C #71AD8B

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

#3C3C3C - #71AD8B | 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 #3C3C3C as 0% and #71AD8B as 100%.

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #444E49	RGB 68 78 73	#444E49
33.3%	33.3% #4D6156	RGB 77 97 86	#4D6156
50.0%	50.0% #567463	RGB 86 116 99	#567463
66.7%	66.7% #5F8770	RGB 95 135 112	#5F8770
83.3%	83.3% #689A7D	RGB 104 154 125	#689A7D
100.0%	100.0% #71AD8B	RGB 113 173 139	#71AD8B

#3C3C3C #444E49 #4D6156 #567463 #5F8770 #689A7D #71AD8B

#3C3C3C - #71AD8B

HSV Blend

#3C3C3C - #71AD8B | 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 #3C3C3C as 0% and #71AD8B as 100%.

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4C4A	RGB 78 76 74	#4E4C4A
33.3%	33.3% #615F56	RGB 97 95 86	#615F56
50.0%	50.0% #707460	RGB 112 116 96	#707460
66.7%	66.7% #738768	RGB 115 135 104	#738768
83.3%	83.3% #6D9A6E	RGB 109 154 110	#6D9A6E
100.0%	100.0% #71AD8B	RGB 113 173 139	#71AD8B

#3C3C3C #4E4C4A #615F56 #707460 #738768 #6D9A6E #71AD8B

#3C3C3C - #707460 - #71AD8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3C 0%, #707460 50%, #71AD8B 100%);
    background: -webkit-linear-gradient(top, #3C3C3C 0%, #707460 50%, #71AD8B 100%);
    background: linear-gradient(to bottom, #3C3C3C 0%, #707460 50%, #71AD8B 100%);
}
</style>