#3E849B - #C7DBE2 | 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 #3E849B to #C7DBE2

#3E849B #C7DBE2

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

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

0.0%	0.0% #3E849B	RGB 62 132 155	#3E849B
16.7%	16.7% #5492A6	RGB 84 146 166	#5492A6
33.3%	33.3% #6BA1B2	RGB 107 161 178	#6BA1B2
50.0%	50.0% #82AFBE	RGB 130 175 190	#82AFBE
66.7%	66.7% #99BECA	RGB 153 190 202	#99BECA
83.3%	83.3% #B0CCD6	RGB 176 204 214	#B0CCD6
100.0%	100.0% #C7DBE2	RGB 199 219 226	#C7DBE2

#3E849B #5492A6 #6BA1B2 #82AFBE #99BECA #B0CCD6 #C7DBE2

#3E849B - #C7DBE2

HSV Blend

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

0.0%	0.0% #3E849B	RGB 62 132 155	#3E849B
16.7%	16.7% #5091A6	RGB 80 145 166	#5091A6
33.3%	33.3% #649EB2	RGB 100 158 178	#649EB2
50.0%	50.0% #79ADBE	RGB 121 173 190	#79ADBE
66.7%	66.7% #91BBCA	RGB 145 187 202	#91BBCA
83.3%	83.3% #ABCBD6	RGB 171 203 214	#ABCBD6
100.0%	100.0% #C7DBE2	RGB 199 219 226	#C7DBE2

#3E849B #5091A6 #649EB2 #79ADBE #91BBCA #ABCBD6 #C7DBE2

#3E849B - #79ADBE - #C7DBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E849B 0%, #79ADBE 50%, #C7DBE2 100%);
    background: -webkit-linear-gradient(top, #3E849B 0%, #79ADBE 50%, #C7DBE2 100%);
    background: linear-gradient(to bottom, #3E849B 0%, #79ADBE 50%, #C7DBE2 100%);
}
</style>