#C4BBC0 - #8B5666 | 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 #C4BBC0 to #8B5666

#C4BBC0 #8B5666

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

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

0.0%	0.0% #C4BBC0	RGB 196 187 192	#C4BBC0
16.7%	16.7% #BAAAB1	RGB 186 170 177	#BAAAB1
33.3%	33.3% #B199A2	RGB 177 153 162	#B199A2
50.0%	50.0% #A78893	RGB 167 136 147	#A78893
66.7%	66.7% #9E7784	RGB 158 119 132	#9E7784
83.3%	83.3% #946675	RGB 148 102 117	#946675
100.0%	100.0% #8B5666	RGB 139 86 102	#8B5666

#C4BBC0 #BAAAB1 #B199A2 #A78893 #9E7784 #946675 #8B5666

#C4BBC0 - #8B5666

HSV Blend

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

0.0%	0.0% #C4BBC0	RGB 196 187 192	#C4BBC0
16.7%	16.7% #BAA7B1	RGB 186 167 177	#BAA7B1
33.3%	33.3% #B195A2	RGB 177 149 162	#B195A2
50.0%	50.0% #A78393	RGB 167 131 147	#A78393
66.7%	66.7% #9E7383	RGB 158 115 131	#9E7383
83.3%	83.3% #946474	RGB 148 100 116	#946474
100.0%	100.0% #8B5666	RGB 139 86 102	#8B5666

#C4BBC0 #BAA7B1 #B195A2 #A78393 #9E7383 #946474 #8B5666

#C4BBC0 - #A78393 - #8B5666

CSS codes

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

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