#7F5E8C - #390D5B | 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 #7F5E8C to #390D5B

#7F5E8C #390D5B

Calculate the color between two colors, #7F5E8C and #390D5B. 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)

#7F5E8C - #390D5B | 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 #7F5E8C as 0% and #390D5B as 100%.

0.0%	0.0% #7F5E8C	RGB 127 94 140	#7F5E8C
16.7%	16.7% #735083	RGB 115 80 131	#735083
33.3%	33.3% #67437B	RGB 103 67 123	#67437B
50.0%	50.0% #5C3573	RGB 92 53 115	#5C3573
66.7%	66.7% #50286B	RGB 80 40 107	#50286B
83.3%	83.3% #441A63	RGB 68 26 99	#441A63
100.0%	100.0% #390D5B	RGB 57 13 91	#390D5B

#7F5E8C #735083 #67437B #5C3573 #50286B #441A63 #390D5B

#7F5E8C - #390D5B

HSV Blend

#7F5E8C - #390D5B | 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 #7F5E8C as 0% and #390D5B as 100%.

0.0%	0.0% #7F5E8C	RGB 127 94 140	#7F5E8C
16.7%	16.7% #724C83	RGB 114 76 131	#724C83
33.3%	33.3% #663D7B	RGB 102 61 123	#663D7B
50.0%	50.0% #5A2F73	RGB 90 47 115	#5A2F73
66.7%	66.7% #4F226B	RGB 79 34 107	#4F226B
83.3%	83.3% #431663	RGB 67 22 99	#431663
100.0%	100.0% #390D5B	RGB 57 13 91	#390D5B

#7F5E8C #724C83 #663D7B #5A2F73 #4F226B #431663 #390D5B

#7F5E8C - #5A2F73 - #390D5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F5E8C 0%, #5A2F73 50%, #390D5B 100%);
    background: -webkit-linear-gradient(top, #7F5E8C 0%, #5A2F73 50%, #390D5B 100%);
    background: linear-gradient(to bottom, #7F5E8C 0%, #5A2F73 50%, #390D5B 100%);
}
</style>