#003EBA - #B6C7EB | 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 #003EBA to #B6C7EB

#003EBA #B6C7EB

Calculate the color between two colors, #003EBA and #B6C7EB. 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)

#003EBA - #B6C7EB | 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 #003EBA as 0% and #B6C7EB as 100%.

0.0%	0.0% #003EBA	RGB 0 62 186	#003EBA
16.7%	16.7% #1E54C2	RGB 30 84 194	#1E54C2
33.3%	33.3% #3C6BCA	RGB 60 107 202	#3C6BCA
50.0%	50.0% #5B82D2	RGB 91 130 210	#5B82D2
66.7%	66.7% #7999DA	RGB 121 153 218	#7999DA
83.3%	83.3% #97B0E2	RGB 151 176 226	#97B0E2
100.0%	100.0% #B6C7EB	RGB 182 199 235	#B6C7EB

#003EBA #1E54C2 #3C6BCA #5B82D2 #7999DA #97B0E2 #B6C7EB

#003EBA - #B6C7EB

HSV Blend

#003EBA - #B6C7EB | 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 #003EBA as 0% and #B6C7EB as 100%.

0.0%	0.0% #003EBA	RGB 0 62 186	#003EBA
16.7%	16.7% #1951C2	RGB 25 81 194	#1951C2
33.3%	33.3% #3465CA	RGB 52 101 202	#3465CA
50.0%	50.0% #517BD2	RGB 81 123 210	#517BD2
66.7%	66.7% #7093DA	RGB 112 147 218	#7093DA
83.3%	83.3% #92ACE2	RGB 146 172 226	#92ACE2
100.0%	100.0% #B6C7EB	RGB 182 199 235	#B6C7EB

#003EBA #1951C2 #3465CA #517BD2 #7093DA #92ACE2 #B6C7EB

#003EBA - #517BD2 - #B6C7EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003EBA 0%, #517BD2 50%, #B6C7EB 100%);
    background: -webkit-linear-gradient(top, #003EBA 0%, #517BD2 50%, #B6C7EB 100%);
    background: linear-gradient(to bottom, #003EBA 0%, #517BD2 50%, #B6C7EB 100%);
}
</style>