#3C494F - #C7CBCC | 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 #3C494F to #C7CBCC

#3C494F #C7CBCC

Calculate the color between two colors, #3C494F and #C7CBCC. 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)

#3C494F - #C7CBCC | 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 #3C494F as 0% and #C7CBCC as 100%.

0.0%	0.0% #3C494F	RGB 60 73 79	#3C494F
16.7%	16.7% #535E63	RGB 83 94 99	#535E63
33.3%	33.3% #6A7478	RGB 106 116 120	#6A7478
50.0%	50.0% #818A8D	RGB 129 138 141	#818A8D
66.7%	66.7% #989FA2	RGB 152 159 162	#989FA2
83.3%	83.3% #AFB5B7	RGB 175 181 183	#AFB5B7
100.0%	100.0% #C7CBCC	RGB 199 203 204	#C7CBCC

#3C494F #535E63 #6A7478 #818A8D #989FA2 #AFB5B7 #C7CBCC

#3C494F - #C7CBCC

HSV Blend

#3C494F - #C7CBCC | 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 #3C494F as 0% and #C7CBCC as 100%.

0.0%	0.0% #3C494F	RGB 60 73 79	#3C494F
16.7%	16.7% #4F5D63	RGB 79 93 99	#4F5D63
33.3%	33.3% #647378	RGB 100 115 120	#647378
50.0%	50.0% #7A888D	RGB 122 136 141	#7A888D
66.7%	66.7% #929EA2	RGB 146 158 162	#929EA2
83.3%	83.3% #ACB4B7	RGB 172 180 183	#ACB4B7
100.0%	100.0% #C7CBCC	RGB 199 203 204	#C7CBCC

#3C494F #4F5D63 #647378 #7A888D #929EA2 #ACB4B7 #C7CBCC

#3C494F - #7A888D - #C7CBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C494F 0%, #7A888D 50%, #C7CBCC 100%);
    background: -webkit-linear-gradient(top, #3C494F 0%, #7A888D 50%, #C7CBCC 100%);
    background: linear-gradient(to bottom, #3C494F 0%, #7A888D 50%, #C7CBCC 100%);
}
</style>