#5E2D55 - #42043D | 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 #5E2D55 to #42043D

#5E2D55 #42043D

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

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

0.0%	0.0% #5E2D55	RGB 94 45 85	#5E2D55
16.7%	16.7% #592651	RGB 89 38 81	#592651
33.3%	33.3% #541F4D	RGB 84 31 77	#541F4D
50.0%	50.0% #501849	RGB 80 24 73	#501849
66.7%	66.7% #4B1145	RGB 75 17 69	#4B1145
83.3%	83.3% #460A41	RGB 70 10 65	#460A41
100.0%	100.0% #42043D	RGB 66 4 61	#42043D

#5E2D55 #592651 #541F4D #501849 #4B1145 #460A41 #42043D

#5E2D55 - #42043D

HSV Blend

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

0.0%	0.0% #5E2D54	RGB 94 45 84	#5E2D54
16.7%	16.7% #592450	RGB 89 36 80	#592450
33.3%	33.3% #541C4C	RGB 84 28 76	#541C4C
50.0%	50.0% #501548	RGB 80 21 72	#501548
66.7%	66.7% #4B0F44	RGB 75 15 68	#4B0F44
83.3%	83.3% #460940	RGB 70 9 64	#460940
100.0%	100.0% #42043D	RGB 66 4 61	#42043D

#5E2D54 #592450 #541C4C #501548 #4B0F44 #460940 #42043D

#5E2D55 - #501548 - #42043D

CSS codes

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

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