#BBB5C2 - #8D61AA | 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 #BBB5C2 to #8D61AA

#BBB5C2 #8D61AA

Calculate the color between two colors, #BBB5C2 and #8D61AA. 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)

#BBB5C2 - #8D61AA | 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 #BBB5C2 as 0% and #8D61AA as 100%.

0.0%	0.0% #BBB5C2	RGB 187 181 194	#BBB5C2
16.7%	16.7% #B3A7BE	RGB 179 167 190	#B3A7BE
33.3%	33.3% #AB99BA	RGB 171 153 186	#AB99BA
50.0%	50.0% #A48BB6	RGB 164 139 182	#A48BB6
66.7%	66.7% #9C7DB2	RGB 156 125 178	#9C7DB2
83.3%	83.3% #946FAE	RGB 148 111 174	#946FAE
100.0%	100.0% #8D61AA	RGB 141 97 170	#8D61AA

#BBB5C2 #B3A7BE #AB99BA #A48BB6 #9C7DB2 #946FAE #8D61AA

#BBB5C2 - #8D61AA

HSV Blend

#BBB5C2 - #8D61AA | 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 #BBB5C2 as 0% and #8D61AA as 100%.

0.0%	0.0% #BBB5C2	RGB 187 181 194	#BBB5C2
16.7%	16.7% #B1A5BE	RGB 177 165 190	#B1A5BE
33.3%	33.3% #A897BA	RGB 168 151 186	#A897BA
50.0%	50.0% #A088B6	RGB 160 136 182	#A088B6
66.7%	66.7% #997BB2	RGB 153 123 178	#997BB2
83.3%	83.3% #926DAE	RGB 146 109 174	#926DAE
100.0%	100.0% #8D61AA	RGB 141 97 170	#8D61AA

#BBB5C2 #B1A5BE #A897BA #A088B6 #997BB2 #926DAE #8D61AA

#BBB5C2 - #A088B6 - #8D61AA

CSS codes

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

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