#5E0F2D - #B4294D | 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 #5E0F2D to #B4294D

#5E0F2D #B4294D

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

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

0.0%	0.0% #5E0F2D	RGB 94 15 45	#5E0F2D
16.7%	16.7% #6C1332	RGB 108 19 50	#6C1332
33.3%	33.3% #7A1737	RGB 122 23 55	#7A1737
50.0%	50.0% #891C3D	RGB 137 28 61	#891C3D
66.7%	66.7% #972042	RGB 151 32 66	#972042
83.3%	83.3% #A52447	RGB 165 36 71	#A52447
100.0%	100.0% #B4294D	RGB 180 41 77	#B4294D

#5E0F2D #6C1332 #7A1737 #891C3D #972042 #A52447 #B4294D

#5E0F2D - #B4294D

HSV Blend

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

0.0%	0.0% #5E0E2C	RGB 94 14 44	#5E0E2C
16.7%	16.7% #6C1232	RGB 108 18 50	#6C1232
33.3%	33.3% #7A1638	RGB 122 22 56	#7A1638
50.0%	50.0% #891A3D	RGB 137 26 61	#891A3D
66.7%	66.7% #971F43	RGB 151 31 67	#971F43
83.3%	83.3% #A52348	RGB 165 35 72	#A52348
100.0%	100.0% #B4294D	RGB 180 41 77	#B4294D

#5E0E2C #6C1232 #7A1638 #891A3D #971F43 #A52348 #B4294D

#5E0F2D - #891A3D - #B4294D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0E2C 0%, #891A3D 50%, #B4294D 100%);
    background: -webkit-linear-gradient(top, #5E0E2C 0%, #891A3D 50%, #B4294D 100%);
    background: linear-gradient(to bottom, #5E0E2C 0%, #891A3D 50%, #B4294D 100%);
}
</style>