#C3BBC1 - #8B5473 | 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 #C3BBC1 to #8B5473

#C3BBC1 #8B5473

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

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

0.0%	0.0% #C3BBC1	RGB 195 187 193	#C3BBC1
16.7%	16.7% #B9A9B4	RGB 185 169 180	#B9A9B4
33.3%	33.3% #B098A7	RGB 176 152 167	#B098A7
50.0%	50.0% #A7879A	RGB 167 135 154	#A7879A
66.7%	66.7% #9D768D	RGB 157 118 141	#9D768D
83.3%	83.3% #946580	RGB 148 101 128	#946580
100.0%	100.0% #8B5473	RGB 139 84 115	#8B5473

#C3BBC1 #B9A9B4 #B098A7 #A7879A #9D768D #946580 #8B5473

#C3BBC1 - #8B5473

HSV Blend

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

0.0%	0.0% #C3BBC1	RGB 195 187 193	#C3BBC1
16.7%	16.7% #B9A7B4	RGB 185 167 180	#B9A7B4
33.3%	33.3% #B094A7	RGB 176 148 167	#B094A7
50.0%	50.0% #A7829A	RGB 167 130 154	#A7829A
66.7%	66.7% #9D718D	RGB 157 113 141	#9D718D
83.3%	83.3% #946280	RGB 148 98 128	#946280
100.0%	100.0% #8B5473	RGB 139 84 115	#8B5473

#C3BBC1 #B9A7B4 #B094A7 #A7829A #9D718D #946280 #8B5473

#C3BBC1 - #A7829A - #8B5473

CSS codes

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

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