#5E293A - #BF4144 | 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 #5E293A to #BF4144

#5E293A #BF4144

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

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

0.0%	0.0% #5E293A	RGB 94 41 58	#5E293A
16.7%	16.7% #6E2D3B	RGB 110 45 59	#6E2D3B
33.3%	33.3% #7E313D	RGB 126 49 61	#7E313D
50.0%	50.0% #8E353F	RGB 142 53 63	#8E353F
66.7%	66.7% #9E3940	RGB 158 57 64	#9E3940
83.3%	83.3% #AE3D42	RGB 174 61 66	#AE3D42
100.0%	100.0% #BF4144	RGB 191 65 68	#BF4144

#5E293A #6E2D3B #7E313D #8E353F #9E3940 #AE3D42 #BF4144

#5E293A - #BF4144

HSV Blend

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

0.0%	0.0% #5E2939	RGB 94 41 57	#5E2939
16.7%	16.7% #6E2E3F	RGB 110 46 63	#6E2E3F
33.3%	33.3% #7E3343	RGB 126 51 67	#7E3343
50.0%	50.0% #8E3746	RGB 142 55 70	#8E3746
66.7%	66.7% #9E3B47	RGB 158 59 71	#9E3B47
83.3%	83.3% #AE3E46	RGB 174 62 70	#AE3E46
100.0%	100.0% #BF4144	RGB 191 65 68	#BF4144

#5E2939 #6E2E3F #7E3343 #8E3746 #9E3B47 #AE3E46 #BF4144

#5E293A - #8E3746 - #BF4144

CSS codes

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

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