#3C4D6B - #C7CCD4 | 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 #3C4D6B to #C7CCD4

#3C4D6B #C7CCD4

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

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

0.0%	0.0% #3C4D6B	RGB 60 77 107	#3C4D6B
16.7%	16.7% #53627C	RGB 83 98 124	#53627C
33.3%	33.3% #6A778E	RGB 106 119 142	#6A778E
50.0%	50.0% #818C9F	RGB 129 140 159	#818C9F
66.7%	66.7% #98A1B1	RGB 152 161 177	#98A1B1
83.3%	83.3% #AFB6C2	RGB 175 182 194	#AFB6C2
100.0%	100.0% #C7CCD4	RGB 199 204 212	#C7CCD4

#3C4D6B #53627C #6A778E #818C9F #98A1B1 #AFB6C2 #C7CCD4

#3C4D6B - #C7CCD4

HSV Blend

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

0.0%	0.0% #3C4D6B	RGB 60 77 107	#3C4D6B
16.7%	16.7% #4D5E7C	RGB 77 94 124	#4D5E7C
33.3%	33.3% #61718E	RGB 97 113 142	#61718E
50.0%	50.0% #77869F	RGB 119 134 159	#77869F
66.7%	66.7% #8F9CB1	RGB 143 156 177	#8F9CB1
83.3%	83.3% #AAB3C2	RGB 170 179 194	#AAB3C2
100.0%	100.0% #C7CCD4	RGB 199 204 212	#C7CCD4

#3C4D6B #4D5E7C #61718E #77869F #8F9CB1 #AAB3C2 #C7CCD4

#3C4D6B - #77869F - #C7CCD4

CSS codes

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

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