#0053A8 - #B6CEE6 | 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 #0053A8 to #B6CEE6

#0053A8 #B6CEE6

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

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

0.0%	0.0% #0053A8	RGB 0 83 168	#0053A8
16.7%	16.7% #1E67B2	RGB 30 103 178	#1E67B2
33.3%	33.3% #3C7CBC	RGB 60 124 188	#3C7CBC
50.0%	50.0% #5B90C7	RGB 91 144 199	#5B90C7
66.7%	66.7% #79A5D1	RGB 121 165 209	#79A5D1
83.3%	83.3% #97B9DB	RGB 151 185 219	#97B9DB
100.0%	100.0% #B6CEE6	RGB 182 206 230	#B6CEE6

#0053A8 #1E67B2 #3C7CBC #5B90C7 #79A5D1 #97B9DB #B6CEE6

#0053A8 - #B6CEE6

HSV Blend

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

0.0%	0.0% #0053A8	RGB 0 83 168	#0053A8
16.7%	16.7% #1764B2	RGB 23 100 178	#1764B2
33.3%	33.3% #3176BC	RGB 49 118 188	#3176BC
50.0%	50.0% #4E8AC7	RGB 78 138 199	#4E8AC7
66.7%	66.7% #6E9FD1	RGB 110 159 209	#6E9FD1
83.3%	83.3% #90B6DB	RGB 144 182 219	#90B6DB
100.0%	100.0% #B6CEE6	RGB 182 206 230	#B6CEE6

#0053A8 #1764B2 #3176BC #4E8AC7 #6E9FD1 #90B6DB #B6CEE6

#0053A8 - #4E8AC7 - #B6CEE6

CSS codes

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

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