#3E606B - #C7D0D4 | 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 #3E606B to #C7D0D4

#3E606B #C7D0D4

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

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

0.0%	0.0% #3E606B	RGB 62 96 107	#3E606B
16.7%	16.7% #54727C	RGB 84 114 124	#54727C
33.3%	33.3% #6B858E	RGB 107 133 142	#6B858E
50.0%	50.0% #82989F	RGB 130 152 159	#82989F
66.7%	66.7% #99AAB1	RGB 153 170 177	#99AAB1
83.3%	83.3% #B0BDC2	RGB 176 189 194	#B0BDC2
100.0%	100.0% #C7D0D4	RGB 199 208 212	#C7D0D4

#3E606B #54727C #6B858E #82989F #99AAB1 #B0BDC2 #C7D0D4

#3E606B - #C7D0D4

HSV Blend

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

0.0%	0.0% #3E606B	RGB 62 96 107	#3E606B
16.7%	16.7% #4F717C	RGB 79 113 124	#4F717C
33.3%	33.3% #63828E	RGB 99 130 142	#63828E
50.0%	50.0% #79949F	RGB 121 148 159	#79949F
66.7%	66.7% #90A7B1	RGB 144 167 177	#90A7B1
83.3%	83.3% #AABBC2	RGB 170 187 194	#AABBC2
100.0%	100.0% #C7D0D4	RGB 199 208 212	#C7D0D4

#3E606B #4F717C #63828E #79949F #90A7B1 #AABBC2 #C7D0D4

#3E606B - #79949F - #C7D0D4

CSS codes

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

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