#767F5E - #DEC581 | 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 #767F5E to #DEC581

#767F5E #DEC581

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

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

0.0%	0.0% #767F5E	RGB 118 127 94	#767F5E
16.7%	16.7% #878A63	RGB 135 138 99	#878A63
33.3%	33.3% #989669	RGB 152 150 105	#989669
50.0%	50.0% #AAA26F	RGB 170 162 111	#AAA26F
66.7%	66.7% #BBAD75	RGB 187 173 117	#BBAD75
83.3%	83.3% #CCB97B	RGB 204 185 123	#CCB97B
100.0%	100.0% #DEC581	RGB 222 197 129	#DEC581

#767F5E #878A63 #989669 #AAA26F #BBAD75 #CCB97B #DEC581

#767F5E - #DEC581

HSV Blend

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

0.0%	0.0% #767F5E	RGB 118 127 94	#767F5E
16.7%	16.7% #878E65	RGB 135 142 101	#878E65
33.3%	33.3% #9A9E6D	RGB 154 158 109	#9A9E6D
50.0%	50.0% #AEAE73	RGB 174 174 115	#AEAE73
66.7%	66.7% #BEB878	RGB 190 184 120	#BEB878
83.3%	83.3% #CEBF7D	RGB 206 191 125	#CEBF7D
100.0%	100.0% #DEC581	RGB 222 197 129	#DEC581

#767F5E #878E65 #9A9E6D #AEAE73 #BEB878 #CEBF7D #DEC581

#767F5E - #AEAE73 - #DEC581

CSS codes

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

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