#3E7EBF - #C7DAEC | 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 #3E7EBF to #C7DAEC

#3E7EBF #C7DAEC

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

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

0.0%	0.0% #3E7EBF	RGB 62 126 191	#3E7EBF
16.7%	16.7% #548DC6	RGB 84 141 198	#548DC6
33.3%	33.3% #6B9CCE	RGB 107 156 206	#6B9CCE
50.0%	50.0% #82ACD5	RGB 130 172 213	#82ACD5
66.7%	66.7% #99BBDD	RGB 153 187 221	#99BBDD
83.3%	83.3% #B0CAE4	RGB 176 202 228	#B0CAE4
100.0%	100.0% #C7DAEC	RGB 199 218 236	#C7DAEC

#3E7EBF #548DC6 #6B9CCE #82ACD5 #99BBDD #B0CAE4 #C7DAEC

#3E7EBF - #C7DAEC

HSV Blend

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

0.0%	0.0% #3E7EBF	RGB 62 126 191	#3E7EBF
16.7%	16.7% #518BC6	RGB 81 139 198	#518BC6
33.3%	33.3% #669ACE	RGB 102 154 206	#669ACE
50.0%	50.0% #7CA9D5	RGB 124 169 213	#7CA9D5
66.7%	66.7% #94B9DD	RGB 148 185 221	#94B9DD
83.3%	83.3% #ACC9E4	RGB 172 201 228	#ACC9E4
100.0%	100.0% #C7DAEC	RGB 199 218 236	#C7DAEC

#3E7EBF #518BC6 #669ACE #7CA9D5 #94B9DD #ACC9E4 #C7DAEC

#3E7EBF - #7CA9D5 - #C7DAEC

CSS codes

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

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