#3C4D64 - #C7CCD2 | 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 #3C4D64 to #C7CCD2

#3C4D64 #C7CCD2

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

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

0.0%	0.0% #3C4D64	RGB 60 77 100	#3C4D64
16.7%	16.7% #536276	RGB 83 98 118	#536276
33.3%	33.3% #6A7788	RGB 106 119 136	#6A7788
50.0%	50.0% #818C9B	RGB 129 140 155	#818C9B
66.7%	66.7% #98A1AD	RGB 152 161 173	#98A1AD
83.3%	83.3% #AFB6BF	RGB 175 182 191	#AFB6BF
100.0%	100.0% #C7CCD2	RGB 199 204 210	#C7CCD2

#3C4D64 #536276 #6A7788 #818C9B #98A1AD #AFB6BF #C7CCD2

#3C4D64 - #C7CCD2

HSV Blend

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

0.0%	0.0% #3C4D64	RGB 60 77 100	#3C4D64
16.7%	16.7% #4D5F76	RGB 77 95 118	#4D5F76
33.3%	33.3% #617288	RGB 97 114 136	#617288
50.0%	50.0% #77879B	RGB 119 135 155	#77879B
66.7%	66.7% #909DAD	RGB 144 157 173	#909DAD
83.3%	83.3% #AAB4BF	RGB 170 180 191	#AAB4BF
100.0%	100.0% #C7CCD2	RGB 199 204 210	#C7CCD2

#3C4D64 #4D5F76 #617288 #77879B #909DAD #AAB4BF #C7CCD2

#3C4D64 - #77879B - #C7CCD2

CSS codes

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

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