#C2BDC1 - #8D6E85 | 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 #C2BDC1 to #8D6E85

#C2BDC1 #8D6E85

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

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

0.0%	0.0% #C2BDC1	RGB 194 189 193	#C2BDC1
16.7%	16.7% #B9AFB7	RGB 185 175 183	#B9AFB7
33.3%	33.3% #B0A2AD	RGB 176 162 173	#B0A2AD
50.0%	50.0% #A795A3	RGB 167 149 163	#A795A3
66.7%	66.7% #9E8899	RGB 158 136 153	#9E8899
83.3%	83.3% #957B8F	RGB 149 123 143	#957B8F
100.0%	100.0% #8D6E85	RGB 141 110 133	#8D6E85

#C2BDC1 #B9AFB7 #B0A2AD #A795A3 #9E8899 #957B8F #8D6E85

#C2BDC1 - #8D6E85

HSV Blend

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

0.0%	0.0% #C2BDC1	RGB 194 189 193	#C2BDC1
16.7%	16.7% #B9AEB6	RGB 185 174 182	#B9AEB6
33.3%	33.3% #B0A0AC	RGB 176 160 172	#B0A0AC
50.0%	50.0% #A792A2	RGB 167 146 162	#A792A2
66.7%	66.7% #9E8698	RGB 158 134 152	#9E8698
83.3%	83.3% #95798E	RGB 149 121 142	#95798E
100.0%	100.0% #8D6E85	RGB 141 110 133	#8D6E85

#C2BDC1 #B9AEB6 #B0A0AC #A792A2 #9E8698 #95798E #8D6E85

#C2BDC1 - #A792A2 - #8D6E85

CSS codes

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

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