#707C5E - #D5A67D | 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 #707C5E to #D5A67D

#707C5E #D5A67D

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

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

0.0%	0.0% #707C5E	RGB 112 124 94	#707C5E
16.7%	16.7% #808363	RGB 128 131 99	#808363
33.3%	33.3% #918A68	RGB 145 138 104	#918A68
50.0%	50.0% #A2916D	RGB 162 145 109	#A2916D
66.7%	66.7% #B39872	RGB 179 152 114	#B39872
83.3%	83.3% #C49F77	RGB 196 159 119	#C49F77
100.0%	100.0% #D5A67D	RGB 213 166 125	#D5A67D

#707C5E #808363 #918A68 #A2916D #B39872 #C49F77 #D5A67D

#707C5E - #D5A67D

HSV Blend

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

0.0%	0.0% #707C5E	RGB 112 124 94	#707C5E
16.7%	16.7% #818A65	RGB 129 138 101	#818A65
33.3%	33.3% #95996B	RGB 149 153 107	#95996B
50.0%	50.0% #A8A471	RGB 168 164 113	#A8A471
66.7%	66.7% #B7A876	RGB 183 168 118	#B7A876
83.3%	83.3% #C6A979	RGB 198 169 121	#C6A979
100.0%	100.0% #D5A67D	RGB 213 166 125	#D5A67D

#707C5E #818A65 #95996B #A8A471 #B7A876 #C6A979 #D5A67D

#707C5E - #A8A471 - #D5A67D

CSS codes

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

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