#C3C0C7 - #786981 | 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 #C3C0C7 to #786981

#C3C0C7 #786981

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

#C3C0C7 - #786981 | 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 #C3C0C7 as 0% and #786981 as 100%.

0.0%	0.0% #C3C0C7	RGB 195 192 199	#C3C0C7
16.7%	16.7% #B6B1BB	RGB 182 177 187	#B6B1BB
33.3%	33.3% #AAA3AF	RGB 170 163 175	#AAA3AF
50.0%	50.0% #9D94A4	RGB 157 148 164	#9D94A4
66.7%	66.7% #918698	RGB 145 134 152	#918698
83.3%	83.3% #84778C	RGB 132 119 140	#84778C
100.0%	100.0% #786981	RGB 120 105 129	#786981

#C3C0C7 #B6B1BB #AAA3AF #9D94A4 #918698 #84778C #786981

#C3C0C7 - #786981

HSV Blend

#C3C0C7 - #786981 | 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 #C3C0C7 as 0% and #786981 as 100%.

0.0%	0.0% #C3C0C7	RGB 195 192 199	#C3C0C7
16.7%	16.7% #B5B0BB	RGB 181 176 187	#B5B0BB
33.3%	33.3% #A8A0AF	RGB 168 160 175	#A8A0AF
50.0%	50.0% #9B91A4	RGB 155 145 164	#9B91A4
66.7%	66.7% #8F8398	RGB 143 131 152	#8F8398
83.3%	83.3% #83768C	RGB 131 118 140	#83768C
100.0%	100.0% #786981	RGB 120 105 129	#786981

#C3C0C7 #B5B0BB #A8A0AF #9B91A4 #8F8398 #83768C #786981

#C3C0C7 - #9B91A4 - #786981

CSS codes

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

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