#B9AADB - #644D9F | 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 #B9AADB to #644D9F

#B9AADB #644D9F

Calculate the color between two colors, #B9AADB and #644D9F. 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)

#B9AADB - #644D9F | 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 #B9AADB as 0% and #644D9F as 100%.

0.0%	0.0% #B9AADB	RGB 185 170 219	#B9AADB
16.7%	16.7% #AA9AD1	RGB 170 154 209	#AA9AD1
33.3%	33.3% #9C8BC7	RGB 156 139 199	#9C8BC7
50.0%	50.0% #8E7BBD	RGB 142 123 189	#8E7BBD
66.7%	66.7% #806CB3	RGB 128 108 179	#806CB3
83.3%	83.3% #725CA9	RGB 114 92 169	#725CA9
100.0%	100.0% #644D9F	RGB 100 77 159	#644D9F

#B9AADB #AA9AD1 #9C8BC7 #8E7BBD #806CB3 #725CA9 #644D9F

#B9AADB - #644D9F

HSV Blend

#B9AADB - #644D9F | 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 #B9AADB as 0% and #644D9F as 100%.

0.0%	0.0% #B9AADB	RGB 185 170 219	#B9AADB
16.7%	16.7% #A998D1	RGB 169 152 209	#A998D1
33.3%	33.3% #9A87C7	RGB 154 135 199	#9A87C7
50.0%	50.0% #8B77BD	RGB 139 119 189	#8B77BD
66.7%	66.7% #7D68B3	RGB 125 104 179	#7D68B3
83.3%	83.3% #705AA9	RGB 112 90 169	#705AA9
100.0%	100.0% #644D9F	RGB 100 77 159	#644D9F

#B9AADB #A998D1 #9A87C7 #8B77BD #7D68B3 #705AA9 #644D9F

#B9AADB - #8B77BD - #644D9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9AADB 0%, #8B77BD 50%, #644D9F 100%);
    background: -webkit-linear-gradient(top, #B9AADB 0%, #8B77BD 50%, #644D9F 100%);
    background: linear-gradient(to bottom, #B9AADB 0%, #8B77BD 50%, #644D9F 100%);
}
</style>