#777C5E - #D48C7D | 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 #777C5E to #D48C7D

#777C5E #D48C7D

Calculate the color between two colors, #777C5E and #D48C7D. 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)

#777C5E - #D48C7D | 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 #777C5E as 0% and #D48C7D as 100%.

0.0%	0.0% #777C5E	RGB 119 124 94	#777C5E
16.7%	16.7% #867E63	RGB 134 126 99	#867E63
33.3%	33.3% #968168	RGB 150 129 104	#968168
50.0%	50.0% #A5846D	RGB 165 132 109	#A5846D
66.7%	66.7% #B58672	RGB 181 134 114	#B58672
83.3%	83.3% #C48977	RGB 196 137 119	#C48977
100.0%	100.0% #D48C7D	RGB 212 140 125	#D48C7D

#777C5E #867E63 #968168 #A5846D #B58672 #C48977 #D48C7D

#777C5E - #D48C7D

HSV Blend

#777C5E - #D48C7D | 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 #777C5E as 0% and #D48C7D as 100%.

0.0%	0.0% #777C5E	RGB 119 124 94	#777C5E
16.7%	16.7% #8A8A65	RGB 138 138 101	#8A8A65
33.3%	33.3% #99916B	RGB 153 145 107	#99916B
50.0%	50.0% #A89571	RGB 168 149 113	#A89571
66.7%	66.7% #B69675	RGB 182 150 117	#B69675
83.3%	83.3% #C59379	RGB 197 147 121	#C59379
100.0%	100.0% #D48C7D	RGB 212 140 125	#D48C7D

#777C5E #8A8A65 #99916B #A89571 #B69675 #C59379 #D48C7D

#777C5E - #A89571 - #D48C7D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #777C5E 0%, #A89571 50%, #D48C7D 100%);
    background: -webkit-linear-gradient(top, #777C5E 0%, #A89571 50%, #D48C7D 100%);
    background: linear-gradient(to bottom, #777C5E 0%, #A89571 50%, #D48C7D 100%);
}
</style>