#3E95BE - #C7DFEC | 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 #3E95BE to #C7DFEC

#3E95BE #C7DFEC

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

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

0.0%	0.0% #3E95BE	RGB 62 149 190	#3E95BE
16.7%	16.7% #54A1C5	RGB 84 161 197	#54A1C5
33.3%	33.3% #6BADCD	RGB 107 173 205	#6BADCD
50.0%	50.0% #82BAD5	RGB 130 186 213	#82BAD5
66.7%	66.7% #99C6DC	RGB 153 198 220	#99C6DC
83.3%	83.3% #B0D2E4	RGB 176 210 228	#B0D2E4
100.0%	100.0% #C7DFEC	RGB 199 223 236	#C7DFEC

#3E95BE #54A1C5 #6BADCD #82BAD5 #99C6DC #B0D2E4 #C7DFEC

#3E95BE - #C7DFEC

HSV Blend

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

0.0%	0.0% #3E94BE	RGB 62 148 190	#3E94BE
16.7%	16.7% #519FC5	RGB 81 159 197	#519FC5
33.3%	33.3% #66ABCD	RGB 102 171 205	#66ABCD
50.0%	50.0% #7CB7D5	RGB 124 183 213	#7CB7D5
66.7%	66.7% #94C3DC	RGB 148 195 220	#94C3DC
83.3%	83.3% #ACD1E4	RGB 172 209 228	#ACD1E4
100.0%	100.0% #C7DFEC	RGB 199 223 236	#C7DFEC

#3E94BE #519FC5 #66ABCD #7CB7D5 #94C3DC #ACD1E4 #C7DFEC

#3E95BE - #7CB7D5 - #C7DFEC

CSS codes

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

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