#5E1E30 - #BF3C56 | 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 #5E1E30 to #BF3C56

#5E1E30 #BF3C56

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

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

0.0%	0.0% #5E1E30	RGB 94 30 48	#5E1E30
16.7%	16.7% #6E2336	RGB 110 35 54	#6E2336
33.3%	33.3% #7E283C	RGB 126 40 60	#7E283C
50.0%	50.0% #8E2D43	RGB 142 45 67	#8E2D43
66.7%	66.7% #9E3249	RGB 158 50 73	#9E3249
83.3%	83.3% #AE374F	RGB 174 55 79	#AE374F
100.0%	100.0% #BF3C56	RGB 191 60 86	#BF3C56

#5E1E30 #6E2336 #7E283C #8E2D43 #9E3249 #AE374F #BF3C56

#5E1E30 - #BF3C56

HSV Blend

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

0.0%	0.0% #5E1E30	RGB 94 30 48	#5E1E30
16.7%	16.7% #6E2337	RGB 110 35 55	#6E2337
33.3%	33.3% #7E283D	RGB 126 40 61	#7E283D
50.0%	50.0% #8E2D44	RGB 142 45 68	#8E2D44
66.7%	66.7% #9E324A	RGB 158 50 74	#9E324A
83.3%	83.3% #AE3750	RGB 174 55 80	#AE3750
100.0%	100.0% #BF3C56	RGB 191 60 86	#BF3C56

#5E1E30 #6E2337 #7E283D #8E2D44 #9E324A #AE3750 #BF3C56

#5E1E30 - #8E2D44 - #BF3C56

CSS codes

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

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