#C8CACC - #747D8C | 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 #C8CACC to #747D8C

#C8CACC #747D8C

Calculate the color between two colors, #C8CACC and #747D8C. 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)

#C8CACC - #747D8C | 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 #C8CACC as 0% and #747D8C as 100%.

0.0%	0.0% #C8CACC	RGB 200 202 204	#C8CACC
16.7%	16.7% #BABDC1	RGB 186 189 193	#BABDC1
33.3%	33.3% #ACB0B6	RGB 172 176 182	#ACB0B6
50.0%	50.0% #9EA3AC	RGB 158 163 172	#9EA3AC
66.7%	66.7% #9096A1	RGB 144 150 161	#9096A1
83.3%	83.3% #828996	RGB 130 137 150	#828996
100.0%	100.0% #747D8C	RGB 116 125 140	#747D8C

#C8CACC #BABDC1 #ACB0B6 #9EA3AC #9096A1 #828996 #747D8C

#C8CACC - #747D8C

HSV Blend

#C8CACC - #747D8C | 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 #C8CACC as 0% and #747D8C as 100%.

0.0%	0.0% #C8CACC	RGB 200 202 204	#C8CACC
16.7%	16.7% #B8BCC1	RGB 184 188 193	#B8BCC1
33.3%	33.3% #A9AFB6	RGB 169 175 182	#A9AFB6
50.0%	50.0% #9BA2AC	RGB 155 162 172	#9BA2AC
66.7%	66.7% #8D95A1	RGB 141 149 161	#8D95A1
83.3%	83.3% #808996	RGB 128 137 150	#808996
100.0%	100.0% #747D8C	RGB 116 125 140	#747D8C

#C8CACC #B8BCC1 #A9AFB6 #9BA2AC #8D95A1 #808996 #747D8C

#C8CACC - #9BA2AC - #747D8C

CSS codes

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

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