#B2A2DA - #663C97 | 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 #B2A2DA to #663C97

#B2A2DA #663C97

Calculate the color between two colors, #B2A2DA and #663C97. 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)

#B2A2DA - #663C97 | 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 #B2A2DA as 0% and #663C97 as 100%.

0.0%	0.0% #B2A2DA	RGB 178 162 218	#B2A2DA
16.7%	16.7% #A591CE	RGB 165 145 206	#A591CE
33.3%	33.3% #9880C3	RGB 152 128 195	#9880C3
50.0%	50.0% #8C6FB8	RGB 140 111 184	#8C6FB8
66.7%	66.7% #7F5EAD	RGB 127 94 173	#7F5EAD
83.3%	83.3% #724DA2	RGB 114 77 162	#724DA2
100.0%	100.0% #663C97	RGB 102 60 151	#663C97

#B2A2DA #A591CE #9880C3 #8C6FB8 #7F5EAD #724DA2 #663C97

#B2A2DA - #663C97

HSV Blend

#B2A2DA - #663C97 | 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 #B2A2DA as 0% and #663C97 as 100%.

0.0%	0.0% #B1A2DA	RGB 177 162 218	#B1A2DA
16.7%	16.7% #A28DCE	RGB 162 141 206	#A28DCE
33.3%	33.3% #937AC3	RGB 147 122 195	#937AC3
50.0%	50.0% #8669B8	RGB 134 105 184	#8669B8
66.7%	66.7% #7A58AD	RGB 122 88 173	#7A58AD
83.3%	83.3% #6F49A2	RGB 111 73 162	#6F49A2
100.0%	100.0% #663C97	RGB 102 60 151	#663C97

#B1A2DA #A28DCE #937AC3 #8669B8 #7A58AD #6F49A2 #663C97

#B2A2DA - #8669B8 - #663C97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1A2DA 0%, #8669B8 50%, #663C97 100%);
    background: -webkit-linear-gradient(top, #B1A2DA 0%, #8669B8 50%, #663C97 100%);
    background: linear-gradient(to bottom, #B1A2DA 0%, #8669B8 50%, #663C97 100%);
}
</style>