#3C4E4B - #C7CCCB | 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 #3C4E4B to #C7CCCB

#3C4E4B #C7CCCB

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

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

0.0%	0.0% #3C4E4B	RGB 60 78 75	#3C4E4B
16.7%	16.7% #536360	RGB 83 99 96	#536360
33.3%	33.3% #6A7875	RGB 106 120 117	#6A7875
50.0%	50.0% #818D8B	RGB 129 141 139	#818D8B
66.7%	66.7% #98A2A0	RGB 152 162 160	#98A2A0
83.3%	83.3% #AFB7B5	RGB 175 183 181	#AFB7B5
100.0%	100.0% #C7CCCB	RGB 199 204 203	#C7CCCB

#3C4E4B #536360 #6A7875 #818D8B #98A2A0 #AFB7B5 #C7CCCB

#3C4E4B - #C7CCCB

HSV Blend

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

0.0%	0.0% #3C4E4B	RGB 60 78 75	#3C4E4B
16.7%	16.7% #4F635F	RGB 79 99 95	#4F635F
33.3%	33.3% #647874	RGB 100 120 116	#647874
50.0%	50.0% #7B8D89	RGB 123 141 137	#7B8D89
66.7%	66.7% #92A29F	RGB 146 162 159	#92A29F
83.3%	83.3% #ACB7B4	RGB 172 183 180	#ACB7B4
100.0%	100.0% #C7CCCB	RGB 199 204 203	#C7CCCB

#3C4E4B #4F635F #647874 #7B8D89 #92A29F #ACB7B4 #C7CCCB

#3C4E4B - #7B8D89 - #C7CCCB

CSS codes

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

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