#C2BDCB - #786385 | 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 #C2BDCB to #786385

#C2BDCB #786385

Calculate the color between two colors, #C2BDCB and #786385. 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)

#C2BDCB - #786385 | 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 #C2BDCB as 0% and #786385 as 100%.

0.0%	0.0% #C2BDCB	RGB 194 189 203	#C2BDCB
16.7%	16.7% #B5AEBF	RGB 181 174 191	#B5AEBF
33.3%	33.3% #A99FB3	RGB 169 159 179	#A99FB3
50.0%	50.0% #9D90A8	RGB 157 144 168	#9D90A8
66.7%	66.7% #90819C	RGB 144 129 156	#90819C
83.3%	83.3% #847290	RGB 132 114 144	#847290
100.0%	100.0% #786385	RGB 120 99 133	#786385

#C2BDCB #B5AEBF #A99FB3 #9D90A8 #90819C #847290 #786385

#C2BDCB - #786385

HSV Blend

#C2BDCB - #786385 | 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 #C2BDCB as 0% and #786385 as 100%.

0.0%	0.0% #C2BDCB	RGB 194 189 203	#C2BDCB
16.7%	16.7% #B3ACBF	RGB 179 172 191	#B3ACBF
33.3%	33.3% #A69CB3	RGB 166 156 179	#A69CB3
50.0%	50.0% #9A8CA8	RGB 154 140 168	#9A8CA8
66.7%	66.7% #8E7E9C	RGB 142 126 156	#8E7E9C
83.3%	83.3% #827090	RGB 130 112 144	#827090
100.0%	100.0% #786385	RGB 120 99 133	#786385

#C2BDCB #B3ACBF #A69CB3 #9A8CA8 #8E7E9C #827090 #786385

#C2BDCB - #9A8CA8 - #786385

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2BDCB 0%, #9A8CA8 50%, #786385 100%);
    background: -webkit-linear-gradient(top, #C2BDCB 0%, #9A8CA8 50%, #786385 100%);
    background: linear-gradient(to bottom, #C2BDCB 0%, #9A8CA8 50%, #786385 100%);
}
</style>