#BC5E64 - #921B23 | 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 #BC5E64 to #921B23

#BC5E64 #921B23

Calculate the color between two colors, #BC5E64 and #921B23. 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)

#BC5E64 - #921B23 | 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 #BC5E64 as 0% and #921B23 as 100%.

0.0%	0.0% #BC5E64	RGB 188 94 100	#BC5E64
16.7%	16.7% #B55259	RGB 181 82 89	#B55259
33.3%	33.3% #AE474E	RGB 174 71 78	#AE474E
50.0%	50.0% #A73C43	RGB 167 60 67	#A73C43
66.7%	66.7% #A03138	RGB 160 49 56	#A03138
83.3%	83.3% #99262D	RGB 153 38 45	#99262D
100.0%	100.0% #921B23	RGB 146 27 35	#921B23

#BC5E64 #B55259 #AE474E #A73C43 #A03138 #99262D #921B23

#BC5E64 - #921B23

HSV Blend

#BC5E64 - #921B23 | 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 #BC5E64 as 0% and #921B23 as 100%.

0.0%	0.0% #BC5E64	RGB 188 94 100	#BC5E64
16.7%	16.7% #B55057	RGB 181 80 87	#B55057
33.3%	33.3% #AE444B	RGB 174 68 75	#AE444B
50.0%	50.0% #A73940	RGB 167 57 64	#A73940
66.7%	66.7% #A02E35	RGB 160 46 53	#A02E35
83.3%	83.3% #99242C	RGB 153 36 44	#99242C
100.0%	100.0% #921B23	RGB 146 27 35	#921B23

#BC5E64 #B55057 #AE444B #A73940 #A02E35 #99242C #921B23

#BC5E64 - #A73940 - #921B23

CSS codes

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

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