#717F5E - #DCC480 | 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 #717F5E to #DCC480

#717F5E #DCC480

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

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

0.0%	0.0% #717F5E	RGB 113 127 94	#717F5E
16.7%	16.7% #828A63	RGB 130 138 99	#828A63
33.3%	33.3% #949669	RGB 148 150 105	#949669
50.0%	50.0% #A6A16F	RGB 166 161 111	#A6A16F
66.7%	66.7% #B8AD74	RGB 184 173 116	#B8AD74
83.3%	83.3% #CAB87A	RGB 202 184 122	#CAB87A
100.0%	100.0% #DCC480	RGB 220 196 128	#DCC480

#717F5E #828A63 #949669 #A6A16F #B8AD74 #CAB87A #DCC480

#717F5E - #DCC480

HSV Blend

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

0.0%	0.0% #717F5E	RGB 113 127 94	#717F5E
16.7%	16.7% #818E65	RGB 129 142 101	#818E65
33.3%	33.3% #949E6C	RGB 148 158 108	#949E6C
50.0%	50.0% #A8AD72	RGB 168 173 114	#A8AD72
66.7%	66.7% #BDBA77	RGB 189 186 119	#BDBA77
83.3%	83.3% #CCC07C	RGB 204 192 124	#CCC07C
100.0%	100.0% #DCC480	RGB 220 196 128	#DCC480

#717F5E #818E65 #949E6C #A8AD72 #BDBA77 #CCC07C #DCC480

#717F5E - #A8AD72 - #DCC480

CSS codes

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

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