#5E2442 - #32070D | 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 #5E2442 to #32070D

#5E2442 #32070D

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

#5E2442 - #32070D | 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 #5E2442 as 0% and #32070D as 100%.

0.0%	0.0% #5E2442	RGB 94 36 66	#5E2442
16.7%	16.7% #561F39	RGB 86 31 57	#561F39
33.3%	33.3% #4F1A30	RGB 79 26 48	#4F1A30
50.0%	50.0% #481527	RGB 72 21 39	#481527
66.7%	66.7% #40101E	RGB 64 16 30	#40101E
83.3%	83.3% #390B15	RGB 57 11 21	#390B15
100.0%	100.0% #32070D	RGB 50 7 13	#32070D

#5E2442 #561F39 #4F1A30 #481527 #40101E #390B15 #32070D

#5E2442 - #32070D

HSV Blend

#5E2442 - #32070D | 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 #5E2442 as 0% and #32070D as 100%.

0.0%	0.0% #5E2442	RGB 94 36 66	#5E2442
16.7%	16.7% #561D37	RGB 86 29 55	#561D37
33.3%	33.3% #4F172D	RGB 79 23 45	#4F172D
50.0%	50.0% #481224	RGB 72 18 36	#481224
66.7%	66.7% #400E1B	RGB 64 14 27	#400E1B
83.3%	83.3% #390A13	RGB 57 10 19	#390A13
100.0%	100.0% #32070D	RGB 50 7 13	#32070D

#5E2442 #561D37 #4F172D #481224 #400E1B #390A13 #32070D

#5E2442 - #481224 - #32070D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2442 0%, #481224 50%, #32070D 100%);
    background: -webkit-linear-gradient(top, #5E2442 0%, #481224 50%, #32070D 100%);
    background: linear-gradient(to bottom, #5E2442 0%, #481224 50%, #32070D 100%);
}
</style>