#0049A8 - #B6CBE6 | 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 #0049A8 to #B6CBE6

#0049A8 #B6CBE6

Calculate the color between two colors, #0049A8 and #B6CBE6. 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)

#0049A8 - #B6CBE6 | 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 #0049A8 as 0% and #B6CBE6 as 100%.

0.0%	0.0% #0049A8	RGB 0 73 168	#0049A8
16.7%	16.7% #1E5EB2	RGB 30 94 178	#1E5EB2
33.3%	33.3% #3C74BC	RGB 60 116 188	#3C74BC
50.0%	50.0% #5B8AC7	RGB 91 138 199	#5B8AC7
66.7%	66.7% #799FD1	RGB 121 159 209	#799FD1
83.3%	83.3% #97B5DB	RGB 151 181 219	#97B5DB
100.0%	100.0% #B6CBE6	RGB 182 203 230	#B6CBE6

#0049A8 #1E5EB2 #3C74BC #5B8AC7 #799FD1 #97B5DB #B6CBE6

#0049A8 - #B6CBE6

HSV Blend

#0049A8 - #B6CBE6 | 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 #0049A8 as 0% and #B6CBE6 as 100%.

0.0%	0.0% #0049A8	RGB 0 73 168	#0049A8
16.7%	16.7% #175AB2	RGB 23 90 178	#175AB2
33.3%	33.3% #316EBC	RGB 49 110 188	#316EBC
50.0%	50.0% #4E83C7	RGB 78 131 199	#4E83C7
66.7%	66.7% #6E99D1	RGB 110 153 209	#6E99D1
83.3%	83.3% #90B1DB	RGB 144 177 219	#90B1DB
100.0%	100.0% #B6CBE6	RGB 182 203 230	#B6CBE6

#0049A8 #175AB2 #316EBC #4E83C7 #6E99D1 #90B1DB #B6CBE6

#0049A8 - #4E83C7 - #B6CBE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0049A8 0%, #4E83C7 50%, #B6CBE6 100%);
    background: -webkit-linear-gradient(top, #0049A8 0%, #4E83C7 50%, #B6CBE6 100%);
    background: linear-gradient(to bottom, #0049A8 0%, #4E83C7 50%, #B6CBE6 100%);
}
</style>