#717E5E - #DBC480 | 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 #717E5E to #DBC480

#717E5E #DBC480

Calculate the color between two colors, #717E5E and #DBC480. 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)

#717E5E - #DBC480 | 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 #717E5E as 0% and #DBC480 as 100%.

0.0%	0.0% #717E5E	RGB 113 126 94	#717E5E
16.7%	16.7% #828963	RGB 130 137 99	#828963
33.3%	33.3% #949569	RGB 148 149 105	#949569
50.0%	50.0% #A6A16F	RGB 166 161 111	#A6A16F
66.7%	66.7% #B7AC74	RGB 183 172 116	#B7AC74
83.3%	83.3% #C9B87A	RGB 201 184 122	#C9B87A
100.0%	100.0% #DBC480	RGB 219 196 128	#DBC480

#717E5E #828963 #949569 #A6A16F #B7AC74 #C9B87A #DBC480

#717E5E - #DBC480

HSV Blend

#717E5E - #DBC480 | 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 #717E5E as 0% and #DBC480 as 100%.

0.0%	0.0% #717E5E	RGB 113 126 94	#717E5E
16.7%	16.7% #818D65	RGB 129 141 101	#818D65
33.3%	33.3% #939D6C	RGB 147 157 108	#939D6C
50.0%	50.0% #A8AC72	RGB 168 172 114	#A8AC72
66.7%	66.7% #BCB978	RGB 188 185 120	#BCB978
83.3%	83.3% #CBC07C	RGB 203 192 124	#CBC07C
100.0%	100.0% #DBC480	RGB 219 196 128	#DBC480

#717E5E #818D65 #939D6C #A8AC72 #BCB978 #CBC07C #DBC480

#717E5E - #A8AC72 - #DBC480

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #717E5E 0%, #A8AC72 50%, #DBC480 100%);
    background: -webkit-linear-gradient(top, #717E5E 0%, #A8AC72 50%, #DBC480 100%);
    background: linear-gradient(to bottom, #717E5E 0%, #A8AC72 50%, #DBC480 100%);
}
</style>