#77796C - #40491C | 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 #77796C to #40491C

#77796C #40491C

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

#77796C - #40491C | 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 #77796C as 0% and #40491C as 100%.

0.0%	0.0% #77796C	RGB 119 121 108	#77796C
16.7%	16.7% #6D715E	RGB 109 113 94	#6D715E
33.3%	33.3% #646951	RGB 100 105 81	#646951
50.0%	50.0% #5B6144	RGB 91 97 68	#5B6144
66.7%	66.7% #525936	RGB 82 89 54	#525936
83.3%	83.3% #495129	RGB 73 81 41	#495129
100.0%	100.0% #40491C	RGB 64 73 28	#40491C

#77796C #6D715E #646951 #5B6144 #525936 #495129 #40491C

#77796C - #40491C

HSV Blend

#77796C - #40491C | 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 #77796C as 0% and #40491C as 100%.

0.0%	0.0% #77796C	RGB 119 121 108	#77796C
16.7%	16.7% #6D715B	RGB 109 113 91	#6D715B
33.3%	33.3% #64694B	RGB 100 105 75	#64694B
50.0%	50.0% #5A613D	RGB 90 97 61	#5A613D
66.7%	66.7% #515931	RGB 81 89 49	#515931
83.3%	83.3% #485125	RGB 72 81 37	#485125
100.0%	100.0% #40491C	RGB 64 73 28	#40491C

#77796C #6D715B #64694B #5A613D #515931 #485125 #40491C

#77796C - #5A613D - #40491C

CSS codes

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

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