#B88B5E - #694B22 | 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 #B88B5E to #694B22

#B88B5E #694B22

Calculate the color between two colors, #B88B5E and #694B22. 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)

#B88B5E - #694B22 | 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 #B88B5E as 0% and #694B22 as 100%.

0.0%	0.0% #B88B5E	RGB 184 139 94	#B88B5E
16.7%	16.7% #AA8054	RGB 170 128 84	#AA8054
33.3%	33.3% #9D754A	RGB 157 117 74	#9D754A
50.0%	50.0% #906B40	RGB 144 107 64	#906B40
66.7%	66.7% #836036	RGB 131 96 54	#836036
83.3%	83.3% #76552C	RGB 118 85 44	#76552C
100.0%	100.0% #694B22	RGB 105 75 34	#694B22

#B88B5E #AA8054 #9D754A #906B40 #836036 #76552C #694B22

#B88B5E - #694B22

HSV Blend

#B88B5E - #694B22 | 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 #B88B5E as 0% and #694B22 as 100%.

0.0%	0.0% #B88B5E	RGB 184 139 94	#B88B5E
16.7%	16.7% #AA7F51	RGB 170 127 81	#AA7F51
33.3%	33.3% #9D7446	RGB 157 116 70	#9D7446
50.0%	50.0% #90693C	RGB 144 105 60	#90693C
66.7%	66.7% #835F32	RGB 131 95 50	#835F32
83.3%	83.3% #765429	RGB 118 84 41	#765429
100.0%	100.0% #694B22	RGB 105 75 34	#694B22

#B88B5E #AA7F51 #9D7446 #90693C #835F32 #765429 #694B22

#B88B5E - #90693C - #694B22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B88B5E 0%, #90693C 50%, #694B22 100%);
    background: -webkit-linear-gradient(top, #B88B5E 0%, #90693C 50%, #694B22 100%);
    background: linear-gradient(to bottom, #B88B5E 0%, #90693C 50%, #694B22 100%);
}
</style>