#77786C - #42471B | 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 #77786C to #42471B

#77786C #42471B

Calculate the color between two colors, #77786C and #42471B. 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)

#77786C - #42471B | 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 #77786C as 0% and #42471B as 100%.

0.0%	0.0% #77786C	RGB 119 120 108	#77786C
16.7%	16.7% #6E6F5E	RGB 110 111 94	#6E6F5E
33.3%	33.3% #656751	RGB 101 103 81	#656751
50.0%	50.0% #5C5F43	RGB 92 95 67	#5C5F43
66.7%	66.7% #535736	RGB 83 87 54	#535736
83.3%	83.3% #4A4F28	RGB 74 79 40	#4A4F28
100.0%	100.0% #42471B	RGB 66 71 27	#42471B

#77786C #6E6F5E #656751 #5C5F43 #535736 #4A4F28 #42471B

#77786C - #42471B

HSV Blend

#77786C - #42471B | 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 #77786C as 0% and #42471B as 100%.

0.0%	0.0% #77786C	RGB 119 120 108	#77786C
16.7%	16.7% #6D6F5A	RGB 109 111 90	#6D6F5A
33.3%	33.3% #65674B	RGB 101 103 75	#65674B
50.0%	50.0% #5C5F3D	RGB 92 95 61	#5C5F3D
66.7%	66.7% #535730	RGB 83 87 48	#535730
83.3%	83.3% #4A4F24	RGB 74 79 36	#4A4F24
100.0%	100.0% #42471B	RGB 66 71 27	#42471B

#77786C #6D6F5A #65674B #5C5F3D #535730 #4A4F24 #42471B

#77786C - #5C5F3D - #42471B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77786C 0%, #5C5F3D 50%, #42471B 100%);
    background: -webkit-linear-gradient(top, #77786C 0%, #5C5F3D 50%, #42471B 100%);
    background: linear-gradient(to bottom, #77786C 0%, #5C5F3D 50%, #42471B 100%);
}
</style>