#BBA3C0 - #664B76 | 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 #BBA3C0 to #664B76

#BBA3C0 #664B76

Calculate the color between two colors, #BBA3C0 and #664B76. 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)

#BBA3C0 - #664B76 | 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 #BBA3C0 as 0% and #664B76 as 100%.

0.0%	0.0% #BBA3C0	RGB 187 163 192	#BBA3C0
16.7%	16.7% #AC94B3	RGB 172 148 179	#AC94B3
33.3%	33.3% #9E85A7	RGB 158 133 167	#9E85A7
50.0%	50.0% #90779B	RGB 144 119 155	#90779B
66.7%	66.7% #82688E	RGB 130 104 142	#82688E
83.3%	83.3% #745982	RGB 116 89 130	#745982
100.0%	100.0% #664B76	RGB 102 75 118	#664B76

#BBA3C0 #AC94B3 #9E85A7 #90779B #82688E #745982 #664B76

#BBA3C0 - #664B76

HSV Blend

#BBA3C0 - #664B76 | 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 #BBA3C0 as 0% and #664B76 as 100%.

0.0%	0.0% #BBA3C0	RGB 187 163 192	#BBA3C0
16.7%	16.7% #AC92B3	RGB 172 146 179	#AC92B3
33.3%	33.3% #9E82A7	RGB 158 130 167	#9E82A7
50.0%	50.0% #90739B	RGB 144 115 155	#90739B
66.7%	66.7% #81648E	RGB 129 100 142	#81648E
83.3%	83.3% #735782	RGB 115 87 130	#735782
100.0%	100.0% #664B76	RGB 102 75 118	#664B76

#BBA3C0 #AC92B3 #9E82A7 #90739B #81648E #735782 #664B76

#BBA3C0 - #90739B - #664B76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBA3C0 0%, #90739B 50%, #664B76 100%);
    background: -webkit-linear-gradient(top, #BBA3C0 0%, #90739B 50%, #664B76 100%);
    background: linear-gradient(to bottom, #BBA3C0 0%, #90739B 50%, #664B76 100%);
}
</style>