#9991C7 - #4E3CAA | 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 #9991C7 to #4E3CAA

#9991C7 #4E3CAA

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

#9991C7 - #4E3CAA | 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 #9991C7 as 0% and #4E3CAA as 100%.

0.0%	0.0% #9991C7	RGB 153 145 199	#9991C7
16.7%	16.7% #8C82C2	RGB 140 130 194	#8C82C2
33.3%	33.3% #8074BD	RGB 128 116 189	#8074BD
50.0%	50.0% #7366B8	RGB 115 102 184	#7366B8
66.7%	66.7% #6758B3	RGB 103 88 179	#6758B3
83.3%	83.3% #5A4AAE	RGB 90 74 174	#5A4AAE
100.0%	100.0% #4E3CAA	RGB 78 60 170	#4E3CAA

#9991C7 #8C82C2 #8074BD #7366B8 #6758B3 #5A4AAE #4E3CAA

#9991C7 - #4E3CAA

HSV Blend

#9991C7 - #4E3CAA | 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 #9991C7 as 0% and #4E3CAA as 100%.

0.0%	0.0% #9991C7	RGB 153 145 199	#9991C7
16.7%	16.7% #8B81C2	RGB 139 129 194	#8B81C2
33.3%	33.3% #7D72BD	RGB 125 114 189	#7D72BD
50.0%	50.0% #7063B8	RGB 112 99 184	#7063B8
66.7%	66.7% #6455B3	RGB 100 85 179	#6455B3
83.3%	83.3% #5948AE	RGB 89 72 174	#5948AE
100.0%	100.0% #4E3CAA	RGB 78 60 170	#4E3CAA

#9991C7 #8B81C2 #7D72BD #7063B8 #6455B3 #5948AE #4E3CAA

#9991C7 - #7063B8 - #4E3CAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9991C7 0%, #7063B8 50%, #4E3CAA 100%);
    background: -webkit-linear-gradient(top, #9991C7 0%, #7063B8 50%, #4E3CAA 100%);
    background: linear-gradient(to bottom, #9991C7 0%, #7063B8 50%, #4E3CAA 100%);
}
</style>