#3E84BF - #C7DCEC | 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 #3E84BF to #C7DCEC

#3E84BF #C7DCEC

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

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

0.0%	0.0% #3E84BF	RGB 62 132 191	#3E84BF
16.7%	16.7% #5492C6	RGB 84 146 198	#5492C6
33.3%	33.3% #6BA1CE	RGB 107 161 206	#6BA1CE
50.0%	50.0% #82B0D5	RGB 130 176 213	#82B0D5
66.7%	66.7% #99BEDD	RGB 153 190 221	#99BEDD
83.3%	83.3% #B0CDE4	RGB 176 205 228	#B0CDE4
100.0%	100.0% #C7DCEC	RGB 199 220 236	#C7DCEC

#3E84BF #5492C6 #6BA1CE #82B0D5 #99BEDD #B0CDE4 #C7DCEC

#3E84BF - #C7DCEC

HSV Blend

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

0.0%	0.0% #3E84BF	RGB 62 132 191	#3E84BF
16.7%	16.7% #5191C6	RGB 81 145 198	#5191C6
33.3%	33.3% #669FCE	RGB 102 159 206	#669FCE
50.0%	50.0% #7CADD5	RGB 124 173 213	#7CADD5
66.7%	66.7% #94BCDD	RGB 148 188 221	#94BCDD
83.3%	83.3% #ACCCE4	RGB 172 204 228	#ACCCE4
100.0%	100.0% #C7DCEC	RGB 199 220 236	#C7DCEC

#3E84BF #5191C6 #669FCE #7CADD5 #94BCDD #ACCCE4 #C7DCEC

#3E84BF - #7CADD5 - #C7DCEC

CSS codes

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

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