#B3A8DB - #6640AB | 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 #B3A8DB to #6640AB

#B3A8DB #6640AB

Calculate the color between two colors, #B3A8DB and #6640AB. 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)

#B3A8DB - #6640AB | 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 #B3A8DB as 0% and #6640AB as 100%.

0.0%	0.0% #B3A8DB	RGB 179 168 219	#B3A8DB
16.7%	16.7% #A696D3	RGB 166 150 211	#A696D3
33.3%	33.3% #9985CB	RGB 153 133 203	#9985CB
50.0%	50.0% #8C74C3	RGB 140 116 195	#8C74C3
66.7%	66.7% #7F62BB	RGB 127 98 187	#7F62BB
83.3%	83.3% #7251B3	RGB 114 81 179	#7251B3
100.0%	100.0% #6640AB	RGB 102 64 171	#6640AB

#B3A8DB #A696D3 #9985CB #8C74C3 #7F62BB #7251B3 #6640AB

#B3A8DB - #6640AB

HSV Blend

#B3A8DB - #6640AB | 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 #B3A8DB as 0% and #6640AB as 100%.

0.0%	0.0% #B3A8DB	RGB 179 168 219	#B3A8DB
16.7%	16.7% #A394D3	RGB 163 148 211	#A394D3
33.3%	33.3% #9481CB	RGB 148 129 203	#9481CB
50.0%	50.0% #876FC3	RGB 135 111 195	#876FC3
66.7%	66.7% #7B5EBB	RGB 123 94 187	#7B5EBB
83.3%	83.3% #6F4EB3	RGB 111 78 179	#6F4EB3
100.0%	100.0% #6640AB	RGB 102 64 171	#6640AB

#B3A8DB #A394D3 #9481CB #876FC3 #7B5EBB #6F4EB3 #6640AB

#B3A8DB - #876FC3 - #6640AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B3A8DB 0%, #876FC3 50%, #6640AB 100%);
    background: -webkit-linear-gradient(top, #B3A8DB 0%, #876FC3 50%, #6640AB 100%);
    background: linear-gradient(to bottom, #B3A8DB 0%, #876FC3 50%, #6640AB 100%);
}
</style>