#5E2E4A - #400631 | 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 #5E2E4A to #400631

#5E2E4A #400631

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

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

0.0%	0.0% #5E2E4A	RGB 94 46 74	#5E2E4A
16.7%	16.7% #592745	RGB 89 39 69	#592745
33.3%	33.3% #542041	RGB 84 32 65	#542041
50.0%	50.0% #4F1A3D	RGB 79 26 61	#4F1A3D
66.7%	66.7% #4A1339	RGB 74 19 57	#4A1339
83.3%	83.3% #450C35	RGB 69 12 53	#450C35
100.0%	100.0% #400631	RGB 64 6 49	#400631

#5E2E4A #592745 #542041 #4F1A3D #4A1339 #450C35 #400631

#5E2E4A - #400631

HSV Blend

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

0.0%	0.0% #5E2E49	RGB 94 46 73	#5E2E49
16.7%	16.7% #592544	RGB 89 37 68	#592544
33.3%	33.3% #541E40	RGB 84 30 64	#541E40
50.0%	50.0% #4F173C	RGB 79 23 60	#4F173C
66.7%	66.7% #4A1038	RGB 74 16 56	#4A1038
83.3%	83.3% #450B34	RGB 69 11 52	#450B34
100.0%	100.0% #400631	RGB 64 6 49	#400631

#5E2E49 #592544 #541E40 #4F173C #4A1038 #450B34 #400631

#5E2E4A - #4F173C - #400631

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2E49 0%, #4F173C 50%, #400631 100%);
    background: -webkit-linear-gradient(top, #5E2E49 0%, #4F173C 50%, #400631 100%);
    background: linear-gradient(to bottom, #5E2E49 0%, #4F173C 50%, #400631 100%);
}
</style>