#C1C1BC - #7E665C | 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 #C1C1BC to #7E665C

#C1C1BC #7E665C

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

#C1C1BC - #7E665C | 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 #C1C1BC as 0% and #7E665C as 100%.

0.0%	0.0% #C1C1BC	RGB 193 193 188	#C1C1BC
16.7%	16.7% #B5B1AC	RGB 181 177 172	#B5B1AC
33.3%	33.3% #AAA29C	RGB 170 162 156	#AAA29C
50.0%	50.0% #9F938C	RGB 159 147 140	#9F938C
66.7%	66.7% #94847C	RGB 148 132 124	#94847C
83.3%	83.3% #89756C	RGB 137 117 108	#89756C
100.0%	100.0% #7E665C	RGB 126 102 92	#7E665C

#C1C1BC #B5B1AC #AAA29C #9F938C #94847C #89756C #7E665C

#C1C1BC - #7E665C

HSV Blend

#C1C1BC - #7E665C | 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 #C1C1BC as 0% and #7E665C as 100%.

0.0%	0.0% #C1C1BC	RGB 193 193 188	#C1C1BC
16.7%	16.7% #B5B4A9	RGB 181 180 169	#B5B4A9
33.3%	33.3% #AAA698	RGB 170 166 152	#AAA698
50.0%	50.0% #9F9787	RGB 159 151 135	#9F9787
66.7%	66.7% #948778	RGB 148 135 120	#948778
83.3%	83.3% #897669	RGB 137 118 105	#897669
100.0%	100.0% #7E665C	RGB 126 102 92	#7E665C

#C1C1BC #B5B4A9 #AAA698 #9F9787 #948778 #897669 #7E665C

#C1C1BC - #9F9787 - #7E665C

CSS codes

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

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