#77796C - #D8D8D5 | 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 #D8D8D5

#77796C #D8D8D5

Calculate the color between two colors, #77796C and #D8D8D5. 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 - #D8D8D5 | 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 #D8D8D5 as 100%.

0.0%	0.0% #77796C	RGB 119 121 108	#77796C
16.7%	16.7% #87887D	RGB 135 136 125	#87887D
33.3%	33.3% #97988F	RGB 151 152 143	#97988F
50.0%	50.0% #A7A8A0	RGB 167 168 160	#A7A8A0
66.7%	66.7% #B7B8B2	RGB 183 184 178	#B7B8B2
83.3%	83.3% #C7C8C3	RGB 199 200 195	#C7C8C3
100.0%	100.0% #D8D8D5	RGB 216 216 213	#D8D8D5

#77796C #87887D #97988F #A7A8A0 #B7B8B2 #C7C8C3 #D8D8D5

#77796C - #D8D8D5

HSV Blend

#77796C - #D8D8D5 | 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 #D8D8D5 as 100%.

0.0%	0.0% #77796C	RGB 119 121 108	#77796C
16.7%	16.7% #87887C	RGB 135 136 124	#87887C
33.3%	33.3% #97988D	RGB 151 152 141	#97988D
50.0%	50.0% #A7A89E	RGB 167 168 158	#A7A89E
66.7%	66.7% #B7B8B0	RGB 183 184 176	#B7B8B0
83.3%	83.3% #C8C8C2	RGB 200 200 194	#C8C8C2
100.0%	100.0% #D8D8D5	RGB 216 216 213	#D8D8D5

#77796C #87887C #97988D #A7A89E #B7B8B0 #C8C8C2 #D8D8D5

#77796C - #A7A89E - #D8D8D5

CSS codes

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

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