#BC5E6E - #741A29 | 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 #BC5E6E to #741A29

#BC5E6E #741A29

Calculate the color between two colors, #BC5E6E and #741A29. 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)

#BC5E6E - #741A29 | 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 #BC5E6E as 0% and #741A29 as 100%.

0.0%	0.0% #BC5E6E	RGB 188 94 110	#BC5E6E
16.7%	16.7% #B05262	RGB 176 82 98	#B05262
33.3%	33.3% #A44757	RGB 164 71 87	#A44757
50.0%	50.0% #983C4B	RGB 152 60 75	#983C4B
66.7%	66.7% #8C3040	RGB 140 48 64	#8C3040
83.3%	83.3% #802534	RGB 128 37 52	#802534
100.0%	100.0% #741A29	RGB 116 26 41	#741A29

#BC5E6E #B05262 #A44757 #983C4B #8C3040 #802534 #741A29

#BC5E6E - #741A29

HSV Blend

#BC5E6E - #741A29 | 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 #BC5E6E as 0% and #741A29 as 100%.

0.0%	0.0% #BC5E6E	RGB 188 94 110	#BC5E6E
16.7%	16.7% #B04F60	RGB 176 79 96	#B04F60
33.3%	33.3% #A44253	RGB 164 66 83	#A44253
50.0%	50.0% #983747	RGB 152 55 71	#983747
66.7%	66.7% #8C2C3C	RGB 140 44 60	#8C2C3C
83.3%	83.3% #802232	RGB 128 34 50	#802232
100.0%	100.0% #741A29	RGB 116 26 41	#741A29

#BC5E6E #B04F60 #A44253 #983747 #8C2C3C #802232 #741A29

#BC5E6E - #983747 - #741A29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC5E6E 0%, #983747 50%, #741A29 100%);
    background: -webkit-linear-gradient(top, #BC5E6E 0%, #983747 50%, #741A29 100%);
    background: linear-gradient(to bottom, #BC5E6E 0%, #983747 50%, #741A29 100%);
}
</style>