#7D7E7A - #D8C59A | 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 #7D7E7A to #D8C59A

#7D7E7A #D8C59A

Calculate the color between two colors, #7D7E7A and #D8C59A. 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)

#7D7E7A - #D8C59A | 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 #7D7E7A as 0% and #D8C59A as 100%.

0.0%	0.0% #7D7E7A	RGB 125 126 122	#7D7E7A
16.7%	16.7% #8C897F	RGB 140 137 127	#8C897F
33.3%	33.3% #9B9584	RGB 155 149 132	#9B9584
50.0%	50.0% #AAA18A	RGB 170 161 138	#AAA18A
66.7%	66.7% #B9AD8F	RGB 185 173 143	#B9AD8F
83.3%	83.3% #C8B994	RGB 200 185 148	#C8B994
100.0%	100.0% #D8C59A	RGB 216 197 154	#D8C59A

#7D7E7A #8C897F #9B9584 #AAA18A #B9AD8F #C8B994 #D8C59A

#7D7E7A - #D8C59A

HSV Blend

#7D7E7A - #D8C59A | 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 #7D7E7A as 0% and #D8C59A as 100%.

0.0%	0.0% #7D7E7A	RGB 125 126 122	#7D7E7A
16.7%	16.7% #8B8D82	RGB 139 141 130	#8B8D82
33.3%	33.3% #9A9C89	RGB 154 156 137	#9A9C89
50.0%	50.0% #ABAA8F	RGB 171 170 143	#ABAA8F
66.7%	66.7% #BAB594	RGB 186 181 148	#BAB594
83.3%	83.3% #C9BE97	RGB 201 190 151	#C9BE97
100.0%	100.0% #D8C59A	RGB 216 197 154	#D8C59A

#7D7E7A #8B8D82 #9A9C89 #ABAA8F #BAB594 #C9BE97 #D8C59A

#7D7E7A - #ABAA8F - #D8C59A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D7E7A 0%, #ABAA8F 50%, #D8C59A 100%);
    background: -webkit-linear-gradient(top, #7D7E7A 0%, #ABAA8F 50%, #D8C59A 100%);
    background: linear-gradient(to bottom, #7D7E7A 0%, #ABAA8F 50%, #D8C59A 100%);
}
</style>