#C4BAC1 - #8D6B83 | 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 #C4BAC1 to #8D6B83

#C4BAC1 #8D6B83

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

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

0.0%	0.0% #C4BAC1	RGB 196 186 193	#C4BAC1
16.7%	16.7% #BAACB6	RGB 186 172 182	#BAACB6
33.3%	33.3% #B19FAC	RGB 177 159 172	#B19FAC
50.0%	50.0% #A892A2	RGB 168 146 162	#A892A2
66.7%	66.7% #9F8597	RGB 159 133 151	#9F8597
83.3%	83.3% #96788D	RGB 150 120 141	#96788D
100.0%	100.0% #8D6B83	RGB 141 107 131	#8D6B83

#C4BAC1 #BAACB6 #B19FAC #A892A2 #9F8597 #96788D #8D6B83

#C4BAC1 - #8D6B83

HSV Blend

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

0.0%	0.0% #C4BAC1	RGB 196 186 193	#C4BAC1
16.7%	16.7% #BAABB6	RGB 186 171 182	#BAABB6
33.3%	33.3% #B19DAB	RGB 177 157 171	#B19DAB
50.0%	50.0% #A88FA1	RGB 168 143 161	#A88FA1
66.7%	66.7% #9F8396	RGB 159 131 150	#9F8396
83.3%	83.3% #96768C	RGB 150 118 140	#96768C
100.0%	100.0% #8D6B83	RGB 141 107 131	#8D6B83

#C4BAC1 #BAABB6 #B19DAB #A88FA1 #9F8396 #96768C #8D6B83

#C4BAC1 - #A88FA1 - #8D6B83

CSS codes

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

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