#0037B5 - #B6C5E9 | 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 #0037B5 to #B6C5E9

#0037B5 #B6C5E9

Calculate the color between two colors, #0037B5 and #B6C5E9. 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)

#0037B5 - #B6C5E9 | 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 #0037B5 as 0% and #B6C5E9 as 100%.

0.0%	0.0% #0037B5	RGB 0 55 181	#0037B5
16.7%	16.7% #1E4EBD	RGB 30 78 189	#1E4EBD
33.3%	33.3% #3C66C6	RGB 60 102 198	#3C66C6
50.0%	50.0% #5B7ECF	RGB 91 126 207	#5B7ECF
66.7%	66.7% #7995D7	RGB 121 149 215	#7995D7
83.3%	83.3% #97ADE0	RGB 151 173 224	#97ADE0
100.0%	100.0% #B6C5E9	RGB 182 197 233	#B6C5E9

#0037B5 #1E4EBD #3C66C6 #5B7ECF #7995D7 #97ADE0 #B6C5E9

#0037B5 - #B6C5E9

HSV Blend

#0037B5 - #B6C5E9 | 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 #0037B5 as 0% and #B6C5E9 as 100%.

0.0%	0.0% #0036B5	RGB 0 54 181	#0036B5
16.7%	16.7% #184ABD	RGB 24 74 189	#184ABD
33.3%	33.3% #335FC6	RGB 51 95 198	#335FC6
50.0%	50.0% #5076CF	RGB 80 118 207	#5076CF
66.7%	66.7% #708FD7	RGB 112 143 215	#708FD7
83.3%	83.3% #92A9E0	RGB 146 169 224	#92A9E0
100.0%	100.0% #B6C5E9	RGB 182 197 233	#B6C5E9

#0036B5 #184ABD #335FC6 #5076CF #708FD7 #92A9E0 #B6C5E9

#0037B5 - #5076CF - #B6C5E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0036B5 0%, #5076CF 50%, #B6C5E9 100%);
    background: -webkit-linear-gradient(top, #0036B5 0%, #5076CF 50%, #B6C5E9 100%);
    background: linear-gradient(to bottom, #0036B5 0%, #5076CF 50%, #B6C5E9 100%);
}
</style>