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

#3E506B #C7CCD4

Calculate the color between two colors, #3E506B 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)

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

0.0%	0.0% #3E506B	RGB 62 80 107	#3E506B
16.7%	16.7% #54647C	RGB 84 100 124	#54647C
33.3%	33.3% #6B798E	RGB 107 121 142	#6B798E
50.0%	50.0% #828E9F	RGB 130 142 159	#828E9F
66.7%	66.7% #99A2B1	RGB 153 162 177	#99A2B1
83.3%	83.3% #B0B7C2	RGB 176 183 194	#B0B7C2
100.0%	100.0% #C7CCD4	RGB 199 204 212	#C7CCD4

#3E506B #54647C #6B798E #828E9F #99A2B1 #B0B7C2 #C7CCD4

#3E506B - #C7CCD4

HSV Blend

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

0.0%	0.0% #3E506B	RGB 62 80 107	#3E506B
16.7%	16.7% #4F617C	RGB 79 97 124	#4F617C
33.3%	33.3% #63748E	RGB 99 116 142	#63748E
50.0%	50.0% #79889F	RGB 121 136 159	#79889F
66.7%	66.7% #909DB1	RGB 144 157 177	#909DB1
83.3%	83.3% #AAB4C2	RGB 170 180 194	#AAB4C2
100.0%	100.0% #C7CCD4	RGB 199 204 212	#C7CCD4

#3E506B #4F617C #63748E #79889F #909DB1 #AAB4C2 #C7CCD4

#3E506B - #79889F - #C7CCD4

CSS codes

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

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