#96239C - #A2ACE3 | 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 #96239C to #A2ACE3

#96239C #A2ACE3

Calculate the color between two colors, #96239C and #A2ACE3. 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)

#96239C - #A2ACE3 | 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 #96239C as 0% and #A2ACE3 as 100%.

0.0%	0.0% #96239C	RGB 150 35 156	#96239C
16.7%	16.7% #9839A7	RGB 152 57 167	#9839A7
33.3%	33.3% #9A50B3	RGB 154 80 179	#9A50B3
50.0%	50.0% #9C67BF	RGB 156 103 191	#9C67BF
66.7%	66.7% #9E7ECB	RGB 158 126 203	#9E7ECB
83.3%	83.3% #A095D7	RGB 160 149 215	#A095D7
100.0%	100.0% #A2ACE3	RGB 162 172 227	#A2ACE3

#96239C #9839A7 #9A50B3 #9C67BF #9E7ECB #A095D7 #A2ACE3

#96239C - #A2ACE3

HSV Blend

#96239C - #A2ACE3 | 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 #96239C as 0% and #A2ACE3 as 100%.

0.0%	0.0% #96239C	RGB 150 35 156	#96239C
16.7%	16.7% #8C33A7	RGB 140 51 167	#8C33A7
33.3%	33.3% #8545B3	RGB 133 69 179	#8545B3
50.0%	50.0% #8259BF	RGB 130 89 191	#8259BF
66.7%	66.7% #836FCB	RGB 131 111 203	#836FCB
83.3%	83.3% #8A88D7	RGB 138 136 215	#8A88D7
100.0%	100.0% #A2ACE3	RGB 162 172 227	#A2ACE3

#96239C #8C33A7 #8545B3 #8259BF #836FCB #8A88D7 #A2ACE3

#96239C - #8259BF - #A2ACE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96239C 0%, #8259BF 50%, #A2ACE3 100%);
    background: -webkit-linear-gradient(top, #96239C 0%, #8259BF 50%, #A2ACE3 100%);
    background: linear-gradient(to bottom, #96239C 0%, #8259BF 50%, #A2ACE3 100%);
}
</style>