#5E2132 - #BC5C4D | 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 #5E2132 to #BC5C4D

#5E2132 #BC5C4D

Calculate the color between two colors, #5E2132 and #BC5C4D. 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)

#5E2132 - #BC5C4D | 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 #5E2132 as 0% and #BC5C4D as 100%.

0.0%	0.0% #5E2132	RGB 94 33 50	#5E2132
16.7%	16.7% #6D2A36	RGB 109 42 54	#6D2A36
33.3%	33.3% #7D343B	RGB 125 52 59	#7D343B
50.0%	50.0% #8D3E3F	RGB 141 62 63	#8D3E3F
66.7%	66.7% #9C4844	RGB 156 72 68	#9C4844
83.3%	83.3% #AC5248	RGB 172 82 72	#AC5248
100.0%	100.0% #BC5C4D	RGB 188 92 77	#BC5C4D

#5E2132 #6D2A36 #7D343B #8D3E3F #9C4844 #AC5248 #BC5C4D

#5E2132 - #BC5C4D

HSV Blend

#5E2132 - #BC5C4D | 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 #5E2132 as 0% and #BC5C4D as 100%.

0.0%	0.0% #5E2132	RGB 94 33 50	#5E2132
16.7%	16.7% #6D2736	RGB 109 39 54	#6D2736
33.3%	33.3% #7D2E39	RGB 125 46 57	#7D2E39
50.0%	50.0% #8D353B	RGB 141 53 59	#8D353B
66.7%	66.7% #9C3D3D	RGB 156 61 61	#9C3D3D
83.3%	83.3% #AC4B44	RGB 172 75 68	#AC4B44
100.0%	100.0% #BC5C4D	RGB 188 92 77	#BC5C4D

#5E2132 #6D2736 #7D2E39 #8D353B #9C3D3D #AC4B44 #BC5C4D

#5E2132 - #8D353B - #BC5C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2132 0%, #8D353B 50%, #BC5C4D 100%);
    background: -webkit-linear-gradient(top, #5E2132 0%, #8D353B 50%, #BC5C4D 100%);
    background: linear-gradient(to bottom, #5E2132 0%, #8D353B 50%, #BC5C4D 100%);
}
</style>