#767E5E - #DEC481 | 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 #767E5E to #DEC481

#767E5E #DEC481

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

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

0.0%	0.0% #767E5E	RGB 118 126 94	#767E5E
16.7%	16.7% #878963	RGB 135 137 99	#878963
33.3%	33.3% #989569	RGB 152 149 105	#989569
50.0%	50.0% #AAA16F	RGB 170 161 111	#AAA16F
66.7%	66.7% #BBAC75	RGB 187 172 117	#BBAC75
83.3%	83.3% #CCB87B	RGB 204 184 123	#CCB87B
100.0%	100.0% #DEC481	RGB 222 196 129	#DEC481

#767E5E #878963 #989569 #AAA16F #BBAC75 #CCB87B #DEC481

#767E5E - #DEC481

HSV Blend

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

0.0%	0.0% #767E5E	RGB 118 126 94	#767E5E
16.7%	16.7% #878E66	RGB 135 142 102	#878E66
33.3%	33.3% #9A9E6D	RGB 154 158 109	#9A9E6D
50.0%	50.0% #AEAD73	RGB 174 173 115	#AEAD73
66.7%	66.7% #BEB678	RGB 190 182 120	#BEB678
83.3%	83.3% #CEBE7D	RGB 206 190 125	#CEBE7D
100.0%	100.0% #DEC481	RGB 222 196 129	#DEC481

#767E5E #878E66 #9A9E6D #AEAD73 #BEB678 #CEBE7D #DEC481

#767E5E - #AEAD73 - #DEC481

CSS codes

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

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