#7E5E98 - #371643 | 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 #7E5E98 to #371643

#7E5E98 #371643

Calculate the color between two colors, #7E5E98 and #371643. 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)

#7E5E98 - #371643 | 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 #7E5E98 as 0% and #371643 as 100%.

0.0%	0.0% #7E5E98	RGB 126 94 152	#7E5E98
16.7%	16.7% #725289	RGB 114 82 137	#725289
33.3%	33.3% #66467B	RGB 102 70 123	#66467B
50.0%	50.0% #5A3A6D	RGB 90 58 109	#5A3A6D
66.7%	66.7% #4E2E5F	RGB 78 46 95	#4E2E5F
83.3%	83.3% #422251	RGB 66 34 81	#422251
100.0%	100.0% #371643	RGB 55 22 67	#371643

#7E5E98 #725289 #66467B #5A3A6D #4E2E5F #422251 #371643

#7E5E98 - #371643

HSV Blend

#7E5E98 - #371643 | 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 #7E5E98 as 0% and #371643 as 100%.

0.0%	0.0% #7E5E98	RGB 126 94 152	#7E5E98
16.7%	16.7% #714E89	RGB 113 78 137	#714E89
33.3%	33.3% #64407B	RGB 100 64 123	#64407B
50.0%	50.0% #58336D	RGB 88 51 109	#58336D
66.7%	66.7% #4D285F	RGB 77 40 95	#4D285F
83.3%	83.3% #421E51	RGB 66 30 81	#421E51
100.0%	100.0% #371643	RGB 55 22 67	#371643

#7E5E98 #714E89 #64407B #58336D #4D285F #421E51 #371643

#7E5E98 - #58336D - #371643

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E98 0%, #58336D 50%, #371643 100%);
    background: -webkit-linear-gradient(top, #7E5E98 0%, #58336D 50%, #371643 100%);
    background: linear-gradient(to bottom, #7E5E98 0%, #58336D 50%, #371643 100%);
}
</style>