#99722B - #CF8D5E | 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 #99722B to #CF8D5E

#99722B #CF8D5E

Calculate the color between two colors, #99722B and #CF8D5E. 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)

#99722B - #CF8D5E | 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 #99722B as 0% and #CF8D5E as 100%.

0.0%	0.0% #99722B	RGB 153 114 43	#99722B
16.7%	16.7% #A27633	RGB 162 118 51	#A27633
33.3%	33.3% #AB7B3C	RGB 171 123 60	#AB7B3C
50.0%	50.0% #B47F44	RGB 180 127 68	#B47F44
66.7%	66.7% #BD844D	RGB 189 132 77	#BD844D
83.3%	83.3% #C68855	RGB 198 136 85	#C68855
100.0%	100.0% #CF8D5E	RGB 207 141 94	#CF8D5E

#99722B #A27633 #AB7B3C #B47F44 #BD844D #C68855 #CF8D5E

#99722B - #CF8D5E

HSV Blend

#99722B - #CF8D5E | 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 #99722B as 0% and #CF8D5E as 100%.

0.0%	0.0% #99722A	RGB 153 114 42	#99722A
16.7%	16.7% #A27632	RGB 162 118 50	#A27632
33.3%	33.3% #AB7A39	RGB 171 122 57	#AB7A39
50.0%	50.0% #B47E42	RGB 180 126 66	#B47E42
66.7%	66.7% #BD834A	RGB 189 131 74	#BD834A
83.3%	83.3% #C68754	RGB 198 135 84	#C68754
100.0%	100.0% #CF8D5E	RGB 207 141 94	#CF8D5E

#99722A #A27632 #AB7A39 #B47E42 #BD834A #C68754 #CF8D5E

#99722B - #B47E42 - #CF8D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99722A 0%, #B47E42 50%, #CF8D5E 100%);
    background: -webkit-linear-gradient(top, #99722A 0%, #B47E42 50%, #CF8D5E 100%);
    background: linear-gradient(to bottom, #99722A 0%, #B47E42 50%, #CF8D5E 100%);
}
</style>