#B27211 - #E69A5E | 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 #B27211 to #E69A5E

#B27211 #E69A5E

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

#B27211 - #E69A5E | 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 #B27211 as 0% and #E69A5E as 100%.

0.0%	0.0% #B27211	RGB 178 114 17	#B27211
16.7%	16.7% #BA781D	RGB 186 120 29	#BA781D
33.3%	33.3% #C37F2A	RGB 195 127 42	#C37F2A
50.0%	50.0% #CC8637	RGB 204 134 55	#CC8637
66.7%	66.7% #D48C44	RGB 212 140 68	#D48C44
83.3%	83.3% #DD9351	RGB 221 147 81	#DD9351
100.0%	100.0% #E69A5E	RGB 230 154 94	#E69A5E

#B27211 #BA781D #C37F2A #CC8637 #D48C44 #DD9351 #E69A5E

#B27211 - #E69A5E

HSV Blend

#B27211 - #E69A5E | 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 #B27211 as 0% and #E69A5E as 100%.

0.0%	0.0% #B27210	RGB 178 114 16	#B27210
16.7%	16.7% #BA771B	RGB 186 119 27	#BA771B
33.3%	33.3% #C37C27	RGB 195 124 39	#C37C27
50.0%	50.0% #CC8333	RGB 204 131 51	#CC8333
66.7%	66.7% #D48940	RGB 212 137 64	#D48940
83.3%	83.3% #DD914E	RGB 221 145 78	#DD914E
100.0%	100.0% #E69A5E	RGB 230 154 94	#E69A5E

#B27210 #BA771B #C37C27 #CC8333 #D48940 #DD914E #E69A5E

#B27211 - #CC8333 - #E69A5E

CSS codes

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

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