#3A3E3C - #78895E | 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 #3A3E3C to #78895E

#3A3E3C #78895E

Calculate the color between two colors, #3A3E3C and #78895E. 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)

#3A3E3C - #78895E | 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 #3A3E3C as 0% and #78895E as 100%.

0.0%	0.0% #3A3E3C	RGB 58 62 60	#3A3E3C
16.7%	16.7% #444A41	RGB 68 74 65	#444A41
33.3%	33.3% #4E5747	RGB 78 87 71	#4E5747
50.0%	50.0% #59634D	RGB 89 99 77	#59634D
66.7%	66.7% #637052	RGB 99 112 82	#637052
83.3%	83.3% #6D7C58	RGB 109 124 88	#6D7C58
100.0%	100.0% #78895E	RGB 120 137 94	#78895E

#3A3E3C #444A41 #4E5747 #59634D #637052 #6D7C58 #78895E

#3A3E3C - #78895E

HSV Blend

#3A3E3C - #78895E | 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 #3A3E3C as 0% and #78895E as 100%.

0.0%	0.0% #3A3E3C	RGB 58 62 60	#3A3E3C
16.7%	16.7% #424A45	RGB 66 74 69	#424A45
33.3%	33.3% #4A574B	RGB 74 87 75	#4A574B
50.0%	50.0% #516350	RGB 81 99 80	#516350
66.7%	66.7% #5C7056	RGB 92 112 86	#5C7056
83.3%	83.3% #687C5A	RGB 104 124 90	#687C5A
100.0%	100.0% #78895E	RGB 120 137 94	#78895E

#3A3E3C #424A45 #4A574B #516350 #5C7056 #687C5A #78895E

#3A3E3C - #516350 - #78895E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3E3C 0%, #516350 50%, #78895E 100%);
    background: -webkit-linear-gradient(top, #3A3E3C 0%, #516350 50%, #78895E 100%);
    background: linear-gradient(to bottom, #3A3E3C 0%, #516350 50%, #78895E 100%);
}
</style>