#963C92 - #A1AAD6 | 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 #963C92 to #A1AAD6

#963C92 #A1AAD6

Calculate the color between two colors, #963C92 and #A1AAD6. 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)

#963C92 - #A1AAD6 | 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 #963C92 as 0% and #A1AAD6 as 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #974E9D	RGB 151 78 157	#974E9D
33.3%	33.3% #9960A8	RGB 153 96 168	#9960A8
50.0%	50.0% #9B73B4	RGB 155 115 180	#9B73B4
66.7%	66.7% #9D85BF	RGB 157 133 191	#9D85BF
83.3%	83.3% #9F97CA	RGB 159 151 202	#9F97CA
100.0%	100.0% #A1AAD6	RGB 161 170 214	#A1AAD6

#963C92 #974E9D #9960A8 #9B73B4 #9D85BF #9F97CA #A1AAD6

#963C92 - #A1AAD6

HSV Blend

#963C92 - #A1AAD6 | 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 #963C92 as 0% and #A1AAD6 as 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #9249A0	RGB 146 73 160	#9249A0
33.3%	33.3% #8D58AB	RGB 141 88 171	#8D58AB
50.0%	50.0% #8A68B6	RGB 138 104 182	#8A68B6
66.7%	66.7% #8A7AC0	RGB 138 122 192	#8A7AC0
83.3%	83.3% #8F8DCB	RGB 143 141 203	#8F8DCB
100.0%	100.0% #A1AAD6	RGB 161 170 214	#A1AAD6

#963C92 #9249A0 #8D58AB #8A68B6 #8A7AC0 #8F8DCB #A1AAD6

#963C92 - #8A68B6 - #A1AAD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #963C92 0%, #8A68B6 50%, #A1AAD6 100%);
    background: -webkit-linear-gradient(top, #963C92 0%, #8A68B6 50%, #A1AAD6 100%);
    background: linear-gradient(to bottom, #963C92 0%, #8A68B6 50%, #A1AAD6 100%);
}
</style>