#BA8C8C - #9E4038 | 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 #BA8C8C to #9E4038

#BA8C8C #9E4038

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

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

0.0%	0.0% #BA8C8C	RGB 186 140 140	#BA8C8C
16.7%	16.7% #B57F7E	RGB 181 127 126	#B57F7E
33.3%	33.3% #B07270	RGB 176 114 112	#B07270
50.0%	50.0% #AC6662	RGB 172 102 98	#AC6662
66.7%	66.7% #A75954	RGB 167 89 84	#A75954
83.3%	83.3% #A24C46	RGB 162 76 70	#A24C46
100.0%	100.0% #9E4038	RGB 158 64 56	#9E4038

#BA8C8C #B57F7E #B07270 #AC6662 #A75954 #A24C46 #9E4038

#BA8C8C - #9E4038

HSV Blend

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

0.0%	0.0% #BA8C8C	RGB 186 140 140	#BA8C8C
16.7%	16.7% #B57D7C	RGB 181 125 124	#B57D7C
33.3%	33.3% #B06F6D	RGB 176 111 109	#B06F6D
50.0%	50.0% #AC625F	RGB 172 98 95	#AC625F
66.7%	66.7% #A75651	RGB 167 86 81	#A75651
83.3%	83.3% #A24A44	RGB 162 74 68	#A24A44
100.0%	100.0% #9E4038	RGB 158 64 56	#9E4038

#BA8C8C #B57D7C #B06F6D #AC625F #A75651 #A24A44 #9E4038

#BA8C8C - #AC625F - #9E4038

CSS codes

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

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