#3C4D57 - #C7CCCF | 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 #3C4D57 to #C7CCCF

#3C4D57 #C7CCCF

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

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

0.0%	0.0% #3C4D57	RGB 60 77 87	#3C4D57
16.7%	16.7% #53626B	RGB 83 98 107	#53626B
33.3%	33.3% #6A777F	RGB 106 119 127	#6A777F
50.0%	50.0% #818C93	RGB 129 140 147	#818C93
66.7%	66.7% #98A1A7	RGB 152 161 167	#98A1A7
83.3%	83.3% #AFB6BB	RGB 175 182 187	#AFB6BB
100.0%	100.0% #C7CCCF	RGB 199 204 207	#C7CCCF

#3C4D57 #53626B #6A777F #818C93 #98A1A7 #AFB6BB #C7CCCF

#3C4D57 - #C7CCCF

HSV Blend

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

0.0%	0.0% #3C4C57	RGB 60 76 87	#3C4C57
16.7%	16.7% #4E606B	RGB 78 96 107	#4E606B
33.3%	33.3% #63747F	RGB 99 116 127	#63747F
50.0%	50.0% #798993	RGB 121 137 147	#798993
66.7%	66.7% #919EA7	RGB 145 158 167	#919EA7
83.3%	83.3% #ABB5BB	RGB 171 181 187	#ABB5BB
100.0%	100.0% #C7CCCF	RGB 199 204 207	#C7CCCF

#3C4C57 #4E606B #63747F #798993 #919EA7 #ABB5BB #C7CCCF

#3C4D57 - #798993 - #C7CCCF

CSS codes

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

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