#3E6FBE - #C7D4EC | 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 #3E6FBE to #C7D4EC

#3E6FBE #C7D4EC

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

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

0.0%	0.0% #3E6FBE	RGB 62 111 190	#3E6FBE
16.7%	16.7% #547FC5	RGB 84 127 197	#547FC5
33.3%	33.3% #6B90CD	RGB 107 144 205	#6B90CD
50.0%	50.0% #82A1D5	RGB 130 161 213	#82A1D5
66.7%	66.7% #99B2DC	RGB 153 178 220	#99B2DC
83.3%	83.3% #B0C3E4	RGB 176 195 228	#B0C3E4
100.0%	100.0% #C7D4EC	RGB 199 212 236	#C7D4EC

#3E6FBE #547FC5 #6B90CD #82A1D5 #99B2DC #B0C3E4 #C7D4EC

#3E6FBE - #C7D4EC

HSV Blend

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

0.0%	0.0% #3E6FBE	RGB 62 111 190	#3E6FBE
16.7%	16.7% #517DC5	RGB 81 125 197	#517DC5
33.3%	33.3% #668CCD	RGB 102 140 205	#668CCD
50.0%	50.0% #7C9DD5	RGB 124 157 213	#7C9DD5
66.7%	66.7% #94AEDC	RGB 148 174 220	#94AEDC
83.3%	83.3% #ACC0E4	RGB 172 192 228	#ACC0E4
100.0%	100.0% #C7D4EC	RGB 199 212 236	#C7D4EC

#3E6FBE #517DC5 #668CCD #7C9DD5 #94AEDC #ACC0E4 #C7D4EC

#3E6FBE - #7C9DD5 - #C7D4EC

CSS codes

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

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