#BD8A8E - #813B41 | 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 #BD8A8E to #813B41

#BD8A8E #813B41

Calculate the color between two colors, #BD8A8E and #813B41. 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)

#BD8A8E - #813B41 | 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 #BD8A8E as 0% and #813B41 as 100%.

0.0%	0.0% #BD8A8E	RGB 189 138 142	#BD8A8E
16.7%	16.7% #B37C81	RGB 179 124 129	#B37C81
33.3%	33.3% #A96F74	RGB 169 111 116	#A96F74
50.0%	50.0% #9F6267	RGB 159 98 103	#9F6267
66.7%	66.7% #95555A	RGB 149 85 90	#95555A
83.3%	83.3% #8B484D	RGB 139 72 77	#8B484D
100.0%	100.0% #813B41	RGB 129 59 65	#813B41

#BD8A8E #B37C81 #A96F74 #9F6267 #95555A #8B484D #813B41

#BD8A8E - #813B41

HSV Blend

#BD8A8E - #813B41 | 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 #BD8A8E as 0% and #813B41 as 100%.

0.0%	0.0% #BD8A8E	RGB 189 138 142	#BD8A8E
16.7%	16.7% #B37A7F	RGB 179 122 127	#B37A7F
33.3%	33.3% #A96C70	RGB 169 108 112	#A96C70
50.0%	50.0% #9F5E63	RGB 159 94 99	#9F5E63
66.7%	66.7% #955157	RGB 149 81 87	#955157
83.3%	83.3% #8B454B	RGB 139 69 75	#8B454B
100.0%	100.0% #813B41	RGB 129 59 65	#813B41

#BD8A8E #B37A7F #A96C70 #9F5E63 #955157 #8B454B #813B41

#BD8A8E - #9F5E63 - #813B41

CSS codes

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

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