#C1BCBE - #775C7E | 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 #C1BCBE to #775C7E

#C1BCBE #775C7E

Calculate the color between two colors, #C1BCBE and #775C7E. 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)

#C1BCBE - #775C7E | 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 #C1BCBE as 0% and #775C7E as 100%.

0.0%	0.0% #C1BCBE	RGB 193 188 190	#C1BCBE
16.7%	16.7% #B4ACB3	RGB 180 172 179	#B4ACB3
33.3%	33.3% #A89CA8	RGB 168 156 168	#A89CA8
50.0%	50.0% #9C8C9E	RGB 156 140 158	#9C8C9E
66.7%	66.7% #8F7C93	RGB 143 124 147	#8F7C93
83.3%	83.3% #836C88	RGB 131 108 136	#836C88
100.0%	100.0% #775C7E	RGB 119 92 126	#775C7E

#C1BCBE #B4ACB3 #A89CA8 #9C8C9E #8F7C93 #836C88 #775C7E

#C1BCBE - #775C7E

HSV Blend

#C1BCBE - #775C7E | 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 #C1BCBE as 0% and #775C7E as 100%.

0.0%	0.0% #C1BCBE	RGB 193 188 190	#C1BCBE
16.7%	16.7% #B5A9B0	RGB 181 169 176	#B5A9B0
33.3%	33.3% #AA98A4	RGB 170 152 164	#AA98A4
50.0%	50.0% #9F879A	RGB 159 135 154	#9F879A
66.7%	66.7% #947892	RGB 148 120 146	#947892
83.3%	83.3% #866989	RGB 134 105 137	#866989
100.0%	100.0% #775C7E	RGB 119 92 126	#775C7E

#C1BCBE #B5A9B0 #AA98A4 #9F879A #947892 #866989 #775C7E

#C1BCBE - #9F879A - #775C7E

CSS codes

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

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