#686E5E - #D1CF85 | 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 #686E5E to #D1CF85

#686E5E #D1CF85

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

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

0.0%	0.0% #686E5E	RGB 104 110 94	#686E5E
16.7%	16.7% #797E64	RGB 121 126 100	#797E64
33.3%	33.3% #8B8E6B	RGB 139 142 107	#8B8E6B
50.0%	50.0% #9C9E71	RGB 156 158 113	#9C9E71
66.7%	66.7% #AEAE78	RGB 174 174 120	#AEAE78
83.3%	83.3% #BFBE7E	RGB 191 190 126	#BFBE7E
100.0%	100.0% #D1CF85	RGB 209 207 133	#D1CF85

#686E5E #797E64 #8B8E6B #9C9E71 #AEAE78 #BFBE7E #D1CF85

#686E5E - #D1CF85

HSV Blend

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

0.0%	0.0% #686E5E	RGB 104 110 94	#686E5E
16.7%	16.7% #777E67	RGB 119 126 103	#777E67
33.3%	33.3% #878F6F	RGB 135 143 111	#878F6F
50.0%	50.0% #989F76	RGB 152 159 118	#989F76
66.7%	66.7% #AAB07C	RGB 170 176 124	#AAB07C
83.3%	83.3% #BDC081	RGB 189 192 129	#BDC081
100.0%	100.0% #D1CF85	RGB 209 207 133	#D1CF85

#686E5E #777E67 #878F6F #989F76 #AAB07C #BDC081 #D1CF85

#686E5E - #989F76 - #D1CF85

CSS codes

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

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