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

#3C3C3C #71AD9D

Calculate the color between two colors, #3C3C3C and #71AD9D. 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 - #71AD9D | 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 #71AD9D as 100%.

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #444E4C	RGB 68 78 76	#444E4C
33.3%	33.3% #4D615C	RGB 77 97 92	#4D615C
50.0%	50.0% #56746C	RGB 86 116 108	#56746C
66.7%	66.7% #5F877C	RGB 95 135 124	#5F877C
83.3%	83.3% #689A8C	RGB 104 154 140	#689A8C
100.0%	100.0% #71AD9D	RGB 113 173 157	#71AD9D

#3C3C3C #444E4C #4D615C #56746C #5F877C #689A8C #71AD9D

#3C3C3C - #71AD9D

HSV Blend

#3C3C3C - #71AD9D | 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 #71AD9D 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% #616056	RGB 97 96 86	#616056
50.0%	50.0% #6D7460	RGB 109 116 96	#6D7460
66.7%	66.7% #6D8768	RGB 109 135 104	#6D8768
83.3%	83.3% #6D9A79	RGB 109 154 121	#6D9A79
100.0%	100.0% #71AD9D	RGB 113 173 157	#71AD9D

#3C3C3C #4E4C4A #616056 #6D7460 #6D8768 #6D9A79 #71AD9D

#3C3C3C - #6D7460 - #71AD9D

CSS codes

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

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