#9F8C62 - #FFCB7E | 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 #9F8C62 to #FFCB7E

#9F8C62 #FFCB7E

Calculate the color between two colors, #9F8C62 and #FFCB7E. 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)

#9F8C62 - #FFCB7E | 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 #9F8C62 as 0% and #FFCB7E as 100%.

0.0%	0.0% #9F8C62	RGB 159 140 98	#9F8C62
16.7%	16.7% #AF9666	RGB 175 150 102	#AF9666
33.3%	33.3% #BFA16B	RGB 191 161 107	#BFA16B
50.0%	50.0% #CFAB70	RGB 207 171 112	#CFAB70
66.7%	66.7% #DFB674	RGB 223 182 116	#DFB674
83.3%	83.3% #EFC079	RGB 239 192 121	#EFC079
100.0%	100.0% #FFCB7E	RGB 255 203 126	#FFCB7E

#9F8C62 #AF9666 #BFA16B #CFAB70 #DFB674 #EFC079 #FFCB7E

#9F8C62 - #FFCB7E

HSV Blend

#9F8C62 - #FFCB7E | 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 #9F8C62 as 0% and #FFCB7E as 100%.

0.0%	0.0% #9F8C62	RGB 159 140 98	#9F8C62
16.7%	16.7% #AF9768	RGB 175 151 104	#AF9768
33.3%	33.3% #BFA36D	RGB 191 163 109	#BFA36D
50.0%	50.0% #CFAE72	RGB 207 174 114	#CFAE72
66.7%	66.7% #DFB877	RGB 223 184 119	#DFB877
83.3%	83.3% #EFC17A	RGB 239 193 122	#EFC17A
100.0%	100.0% #FFCB7E	RGB 255 203 126	#FFCB7E

#9F8C62 #AF9768 #BFA36D #CFAE72 #DFB877 #EFC17A #FFCB7E

#9F8C62 - #CFAE72 - #FFCB7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F8C62 0%, #CFAE72 50%, #FFCB7E 100%);
    background: -webkit-linear-gradient(top, #9F8C62 0%, #CFAE72 50%, #FFCB7E 100%);
    background: linear-gradient(to bottom, #9F8C62 0%, #CFAE72 50%, #FFCB7E 100%);
}
</style>