#C8C3CE - #8F6B80 | 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 #C8C3CE to #8F6B80

#C8C3CE #8F6B80

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

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

0.0%	0.0% #C8C3CE	RGB 200 195 206	#C8C3CE
16.7%	16.7% #BEB4C1	RGB 190 180 193	#BEB4C1
33.3%	33.3% #B5A5B4	RGB 181 165 180	#B5A5B4
50.0%	50.0% #AB97A7	RGB 171 151 167	#AB97A7
66.7%	66.7% #A2889A	RGB 162 136 154	#A2889A
83.3%	83.3% #98798D	RGB 152 121 141	#98798D
100.0%	100.0% #8F6B80	RGB 143 107 128	#8F6B80

#C8C3CE #BEB4C1 #B5A5B4 #AB97A7 #A2889A #98798D #8F6B80

#C8C3CE - #8F6B80

HSV Blend

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

0.0%	0.0% #C8C3CE	RGB 200 195 206	#C8C3CE
16.7%	16.7% #BCB2C3	RGB 188 178 195	#BCB2C3
33.3%	33.3% #B4A2B9	RGB 180 162 185	#B4A2B9
50.0%	50.0% #AC93AE	RGB 172 147 174	#AC93AE
66.7%	66.7% #A485A1	RGB 164 133 161	#A485A1
83.3%	83.3% #997790	RGB 153 119 144	#997790
100.0%	100.0% #8F6B80	RGB 143 107 128	#8F6B80

#C8C3CE #BCB2C3 #B4A2B9 #AC93AE #A485A1 #997790 #8F6B80

#C8C3CE - #AC93AE - #8F6B80

CSS codes

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

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