#9C1B96 - #ABA5E5 | 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 #9C1B96 to #ABA5E5

#9C1B96 #ABA5E5

Calculate the color between two colors, #9C1B96 and #ABA5E5. 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)

#9C1B96 - #ABA5E5 | 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 #9C1B96 as 0% and #ABA5E5 as 100%.

0.0%	0.0% #9C1B96	RGB 156 27 150	#9C1B96
16.7%	16.7% #9E32A3	RGB 158 50 163	#9E32A3
33.3%	33.3% #A149B0	RGB 161 73 176	#A149B0
50.0%	50.0% #A360BD	RGB 163 96 189	#A360BD
66.7%	66.7% #A677CA	RGB 166 119 202	#A677CA
83.3%	83.3% #A88ED7	RGB 168 142 215	#A88ED7
100.0%	100.0% #ABA5E5	RGB 171 165 229	#ABA5E5

#9C1B96 #9E32A3 #A149B0 #A360BD #A677CA #A88ED7 #ABA5E5

#9C1B96 - #ABA5E5

HSV Blend

#9C1B96 - #ABA5E5 | 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 #9C1B96 as 0% and #ABA5E5 as 100%.

0.0%	0.0% #9C1B96	RGB 156 27 150	#9C1B96
16.7%	16.7% #9A2CA8	RGB 154 44 168	#9A2CA8
33.3%	33.3% #9440B4	RGB 148 64 180	#9440B4
50.0%	50.0% #9256C0	RGB 146 86 192	#9256C0
66.7%	66.7% #956ECC	RGB 149 110 204	#956ECC
83.3%	83.3% #9C88D8	RGB 156 136 216	#9C88D8
100.0%	100.0% #ABA5E5	RGB 171 165 229	#ABA5E5

#9C1B96 #9A2CA8 #9440B4 #9256C0 #956ECC #9C88D8 #ABA5E5

#9C1B96 - #9256C0 - #ABA5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C1B96 0%, #9256C0 50%, #ABA5E5 100%);
    background: -webkit-linear-gradient(top, #9C1B96 0%, #9256C0 50%, #ABA5E5 100%);
    background: linear-gradient(to bottom, #9C1B96 0%, #9256C0 50%, #ABA5E5 100%);
}
</style>