#5E1E3C - #2D0414 | 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 #5E1E3C to #2D0414

#5E1E3C #2D0414

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

#5E1E3C - #2D0414 | 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 #5E1E3C as 0% and #2D0414 as 100%.

0.0%	0.0% #5E1E3C	RGB 94 30 60	#5E1E3C
16.7%	16.7% #551935	RGB 85 25 53	#551935
33.3%	33.3% #4D152E	RGB 77 21 46	#4D152E
50.0%	50.0% #451128	RGB 69 17 40	#451128
66.7%	66.7% #3D0C21	RGB 61 12 33	#3D0C21
83.3%	83.3% #35081A	RGB 53 8 26	#35081A
100.0%	100.0% #2D0414	RGB 45 4 20	#2D0414

#5E1E3C #551935 #4D152E #451128 #3D0C21 #35081A #2D0414

#5E1E3C - #2D0414

HSV Blend

#5E1E3C - #2D0414 | 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 #5E1E3C as 0% and #2D0414 as 100%.

0.0%	0.0% #5E1E3C	RGB 94 30 60	#5E1E3C
16.7%	16.7% #551834	RGB 85 24 52	#551834
33.3%	33.3% #4D122C	RGB 77 18 44	#4D122C
50.0%	50.0% #450E25	RGB 69 14 37	#450E25
66.7%	66.7% #3D0A1F	RGB 61 10 31	#3D0A1F
83.3%	83.3% #350619	RGB 53 6 25	#350619
100.0%	100.0% #2D0414	RGB 45 4 20	#2D0414

#5E1E3C #551834 #4D122C #450E25 #3D0A1F #350619 #2D0414

#5E1E3C - #450E25 - #2D0414

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1E3C 0%, #450E25 50%, #2D0414 100%);
    background: -webkit-linear-gradient(top, #5E1E3C 0%, #450E25 50%, #2D0414 100%);
    background: linear-gradient(to bottom, #5E1E3C 0%, #450E25 50%, #2D0414 100%);
}
</style>