#3E8CBE - #C7DEEC | 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 #3E8CBE to #C7DEEC

#3E8CBE #C7DEEC

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

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

0.0%	0.0% #3E8CBE	RGB 62 140 190	#3E8CBE
16.7%	16.7% #5499C5	RGB 84 153 197	#5499C5
33.3%	33.3% #6BA7CD	RGB 107 167 205	#6BA7CD
50.0%	50.0% #82B5D5	RGB 130 181 213	#82B5D5
66.7%	66.7% #99C2DC	RGB 153 194 220	#99C2DC
83.3%	83.3% #B0D0E4	RGB 176 208 228	#B0D0E4
100.0%	100.0% #C7DEEC	RGB 199 222 236	#C7DEEC

#3E8CBE #5499C5 #6BA7CD #82B5D5 #99C2DC #B0D0E4 #C7DEEC

#3E8CBE - #C7DEEC

HSV Blend

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

0.0%	0.0% #3E8BBE	RGB 62 139 190	#3E8BBE
16.7%	16.7% #5198C5	RGB 81 152 197	#5198C5
33.3%	33.3% #66A5CD	RGB 102 165 205	#66A5CD
50.0%	50.0% #7CB2D5	RGB 124 178 213	#7CB2D5
66.7%	66.7% #94C0DC	RGB 148 192 220	#94C0DC
83.3%	83.3% #ACCFE4	RGB 172 207 228	#ACCFE4
100.0%	100.0% #C7DEEC	RGB 199 222 236	#C7DEEC

#3E8BBE #5198C5 #66A5CD #7CB2D5 #94C0DC #ACCFE4 #C7DEEC

#3E8CBE - #7CB2D5 - #C7DEEC

CSS codes

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

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