#5E2D52 - #42063B | 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 #5E2D52 to #42063B

#5E2D52 #42063B

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

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

0.0%	0.0% #5E2D52	RGB 94 45 82	#5E2D52
16.7%	16.7% #59264E	RGB 89 38 78	#59264E
33.3%	33.3% #54204A	RGB 84 32 74	#54204A
50.0%	50.0% #501946	RGB 80 25 70	#501946
66.7%	66.7% #4B1342	RGB 75 19 66	#4B1342
83.3%	83.3% #460C3E	RGB 70 12 62	#460C3E
100.0%	100.0% #42063B	RGB 66 6 59	#42063B

#5E2D52 #59264E #54204A #501946 #4B1342 #460C3E #42063B

#5E2D52 - #42063B

HSV Blend

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

0.0%	0.0% #5E2D51	RGB 94 45 81	#5E2D51
16.7%	16.7% #59244D	RGB 89 36 77	#59244D
33.3%	33.3% #541D49	RGB 84 29 73	#541D49
50.0%	50.0% #501645	RGB 80 22 69	#501645
66.7%	66.7% #4B1041	RGB 75 16 65	#4B1041
83.3%	83.3% #460A3E	RGB 70 10 62	#460A3E
100.0%	100.0% #42063B	RGB 66 6 59	#42063B

#5E2D51 #59244D #541D49 #501645 #4B1041 #460A3E #42063B

#5E2D52 - #501645 - #42063B

CSS codes

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

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