#C4BAC5 - #8C6688 | 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 #C4BAC5 to #8C6688

#C4BAC5 #8C6688

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

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

0.0%	0.0% #C4BAC5	RGB 196 186 197	#C4BAC5
16.7%	16.7% #BAACBA	RGB 186 172 186	#BAACBA
33.3%	33.3% #B19EB0	RGB 177 158 176	#B19EB0
50.0%	50.0% #A890A6	RGB 168 144 166	#A890A6
66.7%	66.7% #9E829C	RGB 158 130 156	#9E829C
83.3%	83.3% #957492	RGB 149 116 146	#957492
100.0%	100.0% #8C6688	RGB 140 102 136	#8C6688

#C4BAC5 #BAACBA #B19EB0 #A890A6 #9E829C #957492 #8C6688

#C4BAC5 - #8C6688

HSV Blend

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

0.0%	0.0% #C4BAC5	RGB 196 186 197	#C4BAC5
16.7%	16.7% #BAAABB	RGB 186 170 187	#BAAABB
33.3%	33.3% #B19BB2	RGB 177 155 178	#B19BB2
50.0%	50.0% #A88CA8	RGB 168 140 168	#A88CA8
66.7%	66.7% #9F7F9D	RGB 159 127 157	#9F7F9D
83.3%	83.3% #957292	RGB 149 114 146	#957292
100.0%	100.0% #8C6688	RGB 140 102 136	#8C6688

#C4BAC5 #BAAABB #B19BB2 #A88CA8 #9F7F9D #957292 #8C6688

#C4BAC5 - #A88CA8 - #8C6688

CSS codes

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

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