#9F6300 - #E3D2B6 | 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 #9F6300 to #E3D2B6

#9F6300 #E3D2B6

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

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

0.0%	0.0% #9F6300	RGB 159 99 0	#9F6300
16.7%	16.7% #AA751E	RGB 170 117 30	#AA751E
33.3%	33.3% #B5883C	RGB 181 136 60	#B5883C
50.0%	50.0% #C19A5B	RGB 193 154 91	#C19A5B
66.7%	66.7% #CCAD79	RGB 204 173 121	#CCAD79
83.3%	83.3% #D7BF97	RGB 215 191 151	#D7BF97
100.0%	100.0% #E3D2B6	RGB 227 210 182	#E3D2B6

#9F6300 #AA751E #B5883C #C19A5B #CCAD79 #D7BF97 #E3D2B6

#9F6300 - #E3D2B6

HSV Blend

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

0.0%	0.0% #9F6300	RGB 159 99 0	#9F6300
16.7%	16.7% #AA7216	RGB 170 114 22	#AA7216
33.3%	33.3% #B58330	RGB 181 131 48	#B58330
50.0%	50.0% #C1954D	RGB 193 149 77	#C1954D
66.7%	66.7% #CCA86D	RGB 204 168 109	#CCA86D
83.3%	83.3% #D7BC90	RGB 215 188 144	#D7BC90
100.0%	100.0% #E3D2B6	RGB 227 210 182	#E3D2B6

#9F6300 #AA7216 #B58330 #C1954D #CCA86D #D7BC90 #E3D2B6

#9F6300 - #C1954D - #E3D2B6

CSS codes

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

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