#7E5EBE - #4E1C8C | 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 #7E5EBE to #4E1C8C

#7E5EBE #4E1C8C

Calculate the color between two colors, #7E5EBE and #4E1C8C. 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)

#7E5EBE - #4E1C8C | 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 #7E5EBE as 0% and #4E1C8C as 100%.

0.0%	0.0% #7E5EBE	RGB 126 94 190	#7E5EBE
16.7%	16.7% #7653B5	RGB 118 83 181	#7653B5
33.3%	33.3% #6E48AD	RGB 110 72 173	#6E48AD
50.0%	50.0% #663DA5	RGB 102 61 165	#663DA5
66.7%	66.7% #5E329C	RGB 94 50 156	#5E329C
83.3%	83.3% #562794	RGB 86 39 148	#562794
100.0%	100.0% #4E1C8C	RGB 78 28 140	#4E1C8C

#7E5EBE #7653B5 #6E48AD #663DA5 #5E329C #562794 #4E1C8C

#7E5EBE - #4E1C8C

HSV Blend

#7E5EBE - #4E1C8C | 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 #7E5EBE as 0% and #4E1C8C as 100%.

0.0%	0.0% #7D5EBE	RGB 125 94 190	#7D5EBE
16.7%	16.7% #7450B5	RGB 116 80 181	#7450B5
33.3%	33.3% #6B44AD	RGB 107 68 173	#6B44AD
50.0%	50.0% #6339A5	RGB 99 57 165	#6339A5
66.7%	66.7% #5B2E9C	RGB 91 46 156	#5B2E9C
83.3%	83.3% #542494	RGB 84 36 148	#542494
100.0%	100.0% #4E1C8C	RGB 78 28 140	#4E1C8C

#7D5EBE #7450B5 #6B44AD #6339A5 #5B2E9C #542494 #4E1C8C

#7E5EBE - #6339A5 - #4E1C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D5EBE 0%, #6339A5 50%, #4E1C8C 100%);
    background: -webkit-linear-gradient(top, #7D5EBE 0%, #6339A5 50%, #4E1C8C 100%);
    background: linear-gradient(to bottom, #7D5EBE 0%, #6339A5 50%, #4E1C8C 100%);
}
</style>