#996E5E - #F7B77E | 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 #996E5E to #F7B77E

#996E5E #F7B77E

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

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

0.0%	0.0% #996E5E	RGB 153 110 94	#996E5E
16.7%	16.7% #A87A63	RGB 168 122 99	#A87A63
33.3%	33.3% #B88668	RGB 184 134 104	#B88668
50.0%	50.0% #C8926E	RGB 200 146 110	#C8926E
66.7%	66.7% #D79E73	RGB 215 158 115	#D79E73
83.3%	83.3% #E7AA78	RGB 231 170 120	#E7AA78
100.0%	100.0% #F7B77E	RGB 247 183 126	#F7B77E

#996E5E #A87A63 #B88668 #C8926E #D79E73 #E7AA78 #F7B77E

#996E5E - #F7B77E

HSV Blend

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

0.0%	0.0% #996E5E	RGB 153 110 94	#996E5E
16.7%	16.7% #A87964	RGB 168 121 100	#A87964
33.3%	33.3% #B8856A	RGB 184 133 106	#B8856A
50.0%	50.0% #C89070	RGB 200 144 112	#C89070
66.7%	66.7% #D79D75	RGB 215 157 117	#D79D75
83.3%	83.3% #E7A97A	RGB 231 169 122	#E7A97A
100.0%	100.0% #F7B77E	RGB 247 183 126	#F7B77E

#996E5E #A87964 #B8856A #C89070 #D79D75 #E7A97A #F7B77E

#996E5E - #C89070 - #F7B77E

CSS codes

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

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