#B99FD3 - #693C8D | 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 #B99FD3 to #693C8D

#B99FD3 #693C8D

Calculate the color between two colors, #B99FD3 and #693C8D. 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)

#B99FD3 - #693C8D | 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 #B99FD3 as 0% and #693C8D as 100%.

0.0%	0.0% #B99FD3	RGB 185 159 211	#B99FD3
16.7%	16.7% #AB8EC7	RGB 171 142 199	#AB8EC7
33.3%	33.3% #9E7EBB	RGB 158 126 187	#9E7EBB
50.0%	50.0% #916DB0	RGB 145 109 176	#916DB0
66.7%	66.7% #835DA4	RGB 131 93 164	#835DA4
83.3%	83.3% #764C98	RGB 118 76 152	#764C98
100.0%	100.0% #693C8D	RGB 105 60 141	#693C8D

#B99FD3 #AB8EC7 #9E7EBB #916DB0 #835DA4 #764C98 #693C8D

#B99FD3 - #693C8D

HSV Blend

#B99FD3 - #693C8D | 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 #B99FD3 as 0% and #693C8D as 100%.

0.0%	0.0% #B99FD3	RGB 185 159 211	#B99FD3
16.7%	16.7% #A98BC7	RGB 169 139 199	#A98BC7
33.3%	33.3% #9B78BB	RGB 155 120 187	#9B78BB
50.0%	50.0% #8D67B0	RGB 141 103 176	#8D67B0
66.7%	66.7% #8057A4	RGB 128 87 164	#8057A4
83.3%	83.3% #744998	RGB 116 73 152	#744998
100.0%	100.0% #693C8D	RGB 105 60 141	#693C8D

#B99FD3 #A98BC7 #9B78BB #8D67B0 #8057A4 #744998 #693C8D

#B99FD3 - #8D67B0 - #693C8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B99FD3 0%, #8D67B0 50%, #693C8D 100%);
    background: -webkit-linear-gradient(top, #B99FD3 0%, #8D67B0 50%, #693C8D 100%);
    background: linear-gradient(to bottom, #B99FD3 0%, #8D67B0 50%, #693C8D 100%);
}
</style>