#C8BCC7 - #8C5B72 | 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 #C8BCC7 to #8C5B72

#C8BCC7 #8C5B72

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

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

0.0%	0.0% #C8BCC7	RGB 200 188 199	#C8BCC7
16.7%	16.7% #BEABB8	RGB 190 171 184	#BEABB8
33.3%	33.3% #B49BAA	RGB 180 155 170	#B49BAA
50.0%	50.0% #AA8B9C	RGB 170 139 156	#AA8B9C
66.7%	66.7% #A07B8E	RGB 160 123 142	#A07B8E
83.3%	83.3% #966B80	RGB 150 107 128	#966B80
100.0%	100.0% #8C5B72	RGB 140 91 114	#8C5B72

#C8BCC7 #BEABB8 #B49BAA #AA8B9C #A07B8E #966B80 #8C5B72

#C8BCC7 - #8C5B72

HSV Blend

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

0.0%	0.0% #C8BCC7	RGB 200 188 199	#C8BCC7
16.7%	16.7% #BEA9BA	RGB 190 169 186	#BEA9BA
33.3%	33.3% #B497AD	RGB 180 151 173	#B497AD
50.0%	50.0% #AA879F	RGB 170 135 159	#AA879F
66.7%	66.7% #A07790	RGB 160 119 144	#A07790
83.3%	83.3% #966881	RGB 150 104 129	#966881
100.0%	100.0% #8C5B72	RGB 140 91 114	#8C5B72

#C8BCC7 #BEA9BA #B497AD #AA879F #A07790 #966881 #8C5B72

#C8BCC7 - #AA879F - #8C5B72

CSS codes

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

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