#5E1932 - #27080B | 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 #5E1932 to #27080B

#5E1932 #27080B

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

#5E1932 - #27080B | 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 #5E1932 as 0% and #27080B as 100%.

0.0%	0.0% #5E1932	RGB 94 25 50	#5E1932
16.7%	16.7% #54162B	RGB 84 22 43	#54162B
33.3%	33.3% #4B1325	RGB 75 19 37	#4B1325
50.0%	50.0% #42101E	RGB 66 16 30	#42101E
66.7%	66.7% #390D18	RGB 57 13 24	#390D18
83.3%	83.3% #300A11	RGB 48 10 17	#300A11
100.0%	100.0% #27080B	RGB 39 8 11	#27080B

#5E1932 #54162B #4B1325 #42101E #390D18 #300A11 #27080B

#5E1932 - #27080B

HSV Blend

#5E1932 - #27080B | 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 #5E1932 as 0% and #27080B as 100%.

0.0%	0.0% #5E1932	RGB 94 25 50	#5E1932
16.7%	16.7% #541529	RGB 84 21 41	#541529
33.3%	33.3% #4B1222	RGB 75 18 34	#4B1222
50.0%	50.0% #420F1B	RGB 66 15 27	#420F1B
66.7%	66.7% #390C15	RGB 57 12 21	#390C15
83.3%	83.3% #300A0F	RGB 48 10 15	#300A0F
100.0%	100.0% #27080B	RGB 39 8 11	#27080B

#5E1932 #541529 #4B1222 #420F1B #390C15 #300A0F #27080B

#5E1932 - #420F1B - #27080B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1932 0%, #420F1B 50%, #27080B 100%);
    background: -webkit-linear-gradient(top, #5E1932 0%, #420F1B 50%, #27080B 100%);
    background: linear-gradient(to bottom, #5E1932 0%, #420F1B 50%, #27080B 100%);
}
</style>