#C3BBC4 - #8B5685 | 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 #C3BBC4 to #8B5685

#C3BBC4 #8B5685

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

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

0.0%	0.0% #C3BBC4	RGB 195 187 196	#C3BBC4
16.7%	16.7% #B9AAB9	RGB 185 170 185	#B9AAB9
33.3%	33.3% #B099AF	RGB 176 153 175	#B099AF
50.0%	50.0% #A788A4	RGB 167 136 164	#A788A4
66.7%	66.7% #9D779A	RGB 157 119 154	#9D779A
83.3%	83.3% #94668F	RGB 148 102 143	#94668F
100.0%	100.0% #8B5685	RGB 139 86 133	#8B5685

#C3BBC4 #B9AAB9 #B099AF #A788A4 #9D779A #94668F #8B5685

#C3BBC4 - #8B5685

HSV Blend

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

0.0%	0.0% #C3BBC4	RGB 195 187 196	#C3BBC4
16.7%	16.7% #B9A7BA	RGB 185 167 186	#B9A7BA
33.3%	33.3% #AF95B1	RGB 175 149 177	#AF95B1
50.0%	50.0% #A783A7	RGB 167 131 167	#A783A7
66.7%	66.7% #9E739C	RGB 158 115 156	#9E739C
83.3%	83.3% #946490	RGB 148 100 144	#946490
100.0%	100.0% #8B5685	RGB 139 86 133	#8B5685

#C3BBC4 #B9A7BA #AF95B1 #A783A7 #9E739C #946490 #8B5685

#C3BBC4 - #A783A7 - #8B5685

CSS codes

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

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