#0052CD - #B6CDF0 | 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 #0052CD to #B6CDF0

#0052CD #B6CDF0

Calculate the color between two colors, #0052CD and #B6CDF0. 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)

#0052CD - #B6CDF0 | 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 #0052CD as 0% and #B6CDF0 as 100%.

0.0%	0.0% #0052CD	RGB 0 82 205	#0052CD
16.7%	16.7% #1E66D2	RGB 30 102 210	#1E66D2
33.3%	33.3% #3C7BD8	RGB 60 123 216	#3C7BD8
50.0%	50.0% #5B8FDE	RGB 91 143 222	#5B8FDE
66.7%	66.7% #79A4E4	RGB 121 164 228	#79A4E4
83.3%	83.3% #97B8EA	RGB 151 184 234	#97B8EA
100.0%	100.0% #B6CDF0	RGB 182 205 240	#B6CDF0

#0052CD #1E66D2 #3C7BD8 #5B8FDE #79A4E4 #97B8EA #B6CDF0

#0052CD - #B6CDF0

HSV Blend

#0052CD - #B6CDF0 | 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 #0052CD as 0% and #B6CDF0 as 100%.

0.0%	0.0% #0051CD	RGB 0 81 205	#0051CD
16.7%	16.7% #1A64D2	RGB 26 100 210	#1A64D2
33.3%	33.3% #3677D8	RGB 54 119 216	#3677D8
50.0%	50.0% #548BDE	RGB 84 139 222	#548BDE
66.7%	66.7% #73A0E4	RGB 115 160 228	#73A0E4
83.3%	83.3% #93B6EA	RGB 147 182 234	#93B6EA
100.0%	100.0% #B6CDF0	RGB 182 205 240	#B6CDF0

#0051CD #1A64D2 #3677D8 #548BDE #73A0E4 #93B6EA #B6CDF0

#0052CD - #548BDE - #B6CDF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0051CD 0%, #548BDE 50%, #B6CDF0 100%);
    background: -webkit-linear-gradient(top, #0051CD 0%, #548BDE 50%, #B6CDF0 100%);
    background: linear-gradient(to bottom, #0051CD 0%, #548BDE 50%, #B6CDF0 100%);
}
</style>