#3C3C3C - #7BAD71 | 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 #7BAD71

#3C3C3C #7BAD71

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

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #464E44	RGB 70 78 68	#464E44
33.3%	33.3% #51614D	RGB 81 97 77	#51614D
50.0%	50.0% #5B7456	RGB 91 116 86	#5B7456
66.7%	66.7% #66875F	RGB 102 135 95	#66875F
83.3%	83.3% #709A68	RGB 112 154 104	#709A68
100.0%	100.0% #7BAD71	RGB 123 173 113	#7BAD71

#3C3C3C #464E44 #51614D #5B7456 #66875F #709A68 #7BAD71

#3C3C3C - #7BAD71

HSV Blend

#3C3C3C - #7BAD71 | 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 #7BAD71 as 100%.

0.0%	0.0% #3C3C3C	RGB 60 60 60	#3C3C3C
16.7%	16.7% #4E4B4A	RGB 78 75 74	#4E4B4A
33.3%	33.3% #615D56	RGB 97 93 86	#615D56
50.0%	50.0% #747260	RGB 116 114 96	#747260
66.7%	66.7% #808768	RGB 128 135 104	#808768
83.3%	83.3% #829A6D	RGB 130 154 109	#829A6D
100.0%	100.0% #7BAD71	RGB 123 173 113	#7BAD71

#3C3C3C #4E4B4A #615D56 #747260 #808768 #829A6D #7BAD71

#3C3C3C - #747260 - #7BAD71

CSS codes

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

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