#BC8F8C - #9F4438 | 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 #BC8F8C to #9F4438

#BC8F8C #9F4438

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

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

0.0%	0.0% #BC8F8C	RGB 188 143 140	#BC8F8C
16.7%	16.7% #B7827E	RGB 183 130 126	#B7827E
33.3%	33.3% #B27670	RGB 178 118 112	#B27670
50.0%	50.0% #AD6962	RGB 173 105 98	#AD6962
66.7%	66.7% #A85D54	RGB 168 93 84	#A85D54
83.3%	83.3% #A35046	RGB 163 80 70	#A35046
100.0%	100.0% #9F4438	RGB 159 68 56	#9F4438

#BC8F8C #B7827E #B27670 #AD6962 #A85D54 #A35046 #9F4438

#BC8F8C - #9F4438

HSV Blend

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

0.0%	0.0% #BC8F8C	RGB 188 143 140	#BC8F8C
16.7%	16.7% #B7807C	RGB 183 128 124	#B7807C
33.3%	33.3% #B2736D	RGB 178 115 109	#B2736D
50.0%	50.0% #AD665F	RGB 173 102 95	#AD665F
66.7%	66.7% #A85A51	RGB 168 90 81	#A85A51
83.3%	83.3% #A34E44	RGB 163 78 68	#A34E44
100.0%	100.0% #9F4438	RGB 159 68 56	#9F4438

#BC8F8C #B7807C #B2736D #AD665F #A85A51 #A34E44 #9F4438

#BC8F8C - #AD665F - #9F4438

CSS codes

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

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