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

#5E2F52 #42063B

Calculate the color between two colors, #5E2F52 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)

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

0.0%	0.0% #5E2F52	RGB 94 47 82	#5E2F52
16.7%	16.7% #59284E	RGB 89 40 78	#59284E
33.3%	33.3% #54214A	RGB 84 33 74	#54214A
50.0%	50.0% #501A46	RGB 80 26 70	#501A46
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

#5E2F52 #59284E #54214A #501A46 #4B1342 #460C3E #42063B

#5E2F52 - #42063B

HSV Blend

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

0.0%	0.0% #5E2F52	RGB 94 47 82	#5E2F52
16.7%	16.7% #59264D	RGB 89 38 77	#59264D
33.3%	33.3% #541E49	RGB 84 30 73	#541E49
50.0%	50.0% #501745	RGB 80 23 69	#501745
66.7%	66.7% #4B1141	RGB 75 17 65	#4B1141
83.3%	83.3% #460B3E	RGB 70 11 62	#460B3E
100.0%	100.0% #42063B	RGB 66 6 59	#42063B

#5E2F52 #59264D #541E49 #501745 #4B1141 #460B3E #42063B

#5E2F52 - #501745 - #42063B

CSS codes

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

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