#7F8C7B - #DECC93 | 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 #7F8C7B to #DECC93

#7F8C7B #DECC93

Calculate the color between two colors, #7F8C7B and #DECC93. 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)

#7F8C7B - #DECC93 | 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 #7F8C7B as 0% and #DECC93 as 100%.

0.0%	0.0% #7F8C7B	RGB 127 140 123	#7F8C7B
16.7%	16.7% #8E967F	RGB 142 150 127	#8E967F
33.3%	33.3% #9EA183	RGB 158 161 131	#9EA183
50.0%	50.0% #AEAC87	RGB 174 172 135	#AEAC87
66.7%	66.7% #BEB68B	RGB 190 182 139	#BEB68B
83.3%	83.3% #CEC18F	RGB 206 193 143	#CEC18F
100.0%	100.0% #DECC93	RGB 222 204 147	#DECC93

#7F8C7B #8E967F #9EA183 #AEAC87 #BEB68B #CEC18F #DECC93

#7F8C7B - #DECC93

HSV Blend

#7F8C7B - #DECC93 | 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 #7F8C7B as 0% and #DECC93 as 100%.

0.0%	0.0% #7F8C7B	RGB 127 140 123	#7F8C7B
16.7%	16.7% #8B9981	RGB 139 153 129	#8B9981
33.3%	33.3% #99A786	RGB 153 167 134	#99A786
50.0%	50.0% #AAB58B	RGB 170 181 139	#AAB58B
66.7%	66.7% #BDC28E	RGB 189 194 142	#BDC28E
83.3%	83.3% #D0CB91	RGB 208 203 145	#D0CB91
100.0%	100.0% #DECC93	RGB 222 204 147	#DECC93

#7F8C7B #8B9981 #99A786 #AAB58B #BDC28E #D0CB91 #DECC93

#7F8C7B - #AAB58B - #DECC93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F8C7B 0%, #AAB58B 50%, #DECC93 100%);
    background: -webkit-linear-gradient(top, #7F8C7B 0%, #AAB58B 50%, #DECC93 100%);
    background: linear-gradient(to bottom, #7F8C7B 0%, #AAB58B 50%, #DECC93 100%);
}
</style>