#C4BAC4 - #8C6B8D | 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 #C4BAC4 to #8C6B8D

#C4BAC4 #8C6B8D

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

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

0.0%	0.0% #C4BAC4	RGB 196 186 196	#C4BAC4
16.7%	16.7% #BAACBA	RGB 186 172 186	#BAACBA
33.3%	33.3% #B19FB1	RGB 177 159 177	#B19FB1
50.0%	50.0% #A892A8	RGB 168 146 168	#A892A8
66.7%	66.7% #9E859F	RGB 158 133 159	#9E859F
83.3%	83.3% #957896	RGB 149 120 150	#957896
100.0%	100.0% #8C6B8D	RGB 140 107 141	#8C6B8D

#C4BAC4 #BAACBA #B19FB1 #A892A8 #9E859F #957896 #8C6B8D

#C4BAC4 - #8C6B8D

HSV Blend

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

0.0%	0.0% #C4BAC4	RGB 196 186 196	#C4BAC4
16.7%	16.7% #BAABBA	RGB 186 171 186	#BAABBA
33.3%	33.3% #B19DB1	RGB 177 157 177	#B19DB1
50.0%	50.0% #A88FA8	RGB 168 143 168	#A88FA8
66.7%	66.7% #9E839F	RGB 158 131 159	#9E839F
83.3%	83.3% #957696	RGB 149 118 150	#957696
100.0%	100.0% #8C6B8D	RGB 140 107 141	#8C6B8D

#C4BAC4 #BAABBA #B19DB1 #A88FA8 #9E839F #957696 #8C6B8D

#C4BAC4 - #A88FA8 - #8C6B8D

CSS codes

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

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