#5C2E5E - #34063F | 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 #5C2E5E to #34063F

#5C2E5E #34063F

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

#5C2E5E - #34063F | 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 #5C2E5E as 0% and #34063F as 100%.

0.0%	0.0% #5C2E5E	RGB 92 46 94	#5C2E5E
16.7%	16.7% #552758	RGB 85 39 88	#552758
33.3%	33.3% #4E2053	RGB 78 32 83	#4E2053
50.0%	50.0% #481A4E	RGB 72 26 78	#481A4E
66.7%	66.7% #411349	RGB 65 19 73	#411349
83.3%	83.3% #3A0C44	RGB 58 12 68	#3A0C44
100.0%	100.0% #34063F	RGB 52 6 63	#34063F

#5C2E5E #552758 #4E2053 #481A4E #411349 #3A0C44 #34063F

#5C2E5E - #34063F

HSV Blend

#5C2E5E - #34063F | 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 #5C2E5E as 0% and #34063F as 100%.

0.0%	0.0% #5C2E5E	RGB 92 46 94	#5C2E5E
16.7%	16.7% #552558	RGB 85 37 88	#552558
33.3%	33.3% #4E1D53	RGB 78 29 83	#4E1D53
50.0%	50.0% #47164E	RGB 71 22 78	#47164E
66.7%	66.7% #411049	RGB 65 16 73	#411049
83.3%	83.3% #3A0A44	RGB 58 10 68	#3A0A44
100.0%	100.0% #34063F	RGB 52 6 63	#34063F

#5C2E5E #552558 #4E1D53 #47164E #411049 #3A0A44 #34063F

#5C2E5E - #47164E - #34063F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C2E5E 0%, #47164E 50%, #34063F 100%);
    background: -webkit-linear-gradient(top, #5C2E5E 0%, #47164E 50%, #34063F 100%);
    background: linear-gradient(to bottom, #5C2E5E 0%, #47164E 50%, #34063F 100%);
}
</style>