#003C9F - #B6C7E3 | 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 #003C9F to #B6C7E3

#003C9F #B6C7E3

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

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

0.0%	0.0% #003C9F	RGB 0 60 159	#003C9F
16.7%	16.7% #1E53AA	RGB 30 83 170	#1E53AA
33.3%	33.3% #3C6AB5	RGB 60 106 181	#3C6AB5
50.0%	50.0% #5B81C1	RGB 91 129 193	#5B81C1
66.7%	66.7% #7998CC	RGB 121 152 204	#7998CC
83.3%	83.3% #97AFD7	RGB 151 175 215	#97AFD7
100.0%	100.0% #B6C7E3	RGB 182 199 227	#B6C7E3

#003C9F #1E53AA #3C6AB5 #5B81C1 #7998CC #97AFD7 #B6C7E3

#003C9F - #B6C7E3

HSV Blend

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

0.0%	0.0% #003B9F	RGB 0 59 159	#003B9F
16.7%	16.7% #164EAA	RGB 22 78 170	#164EAA
33.3%	33.3% #3062B5	RGB 48 98 181	#3062B5
50.0%	50.0% #4D79C1	RGB 77 121 193	#4D79C1
66.7%	66.7% #6D91CC	RGB 109 145 204	#6D91CC
83.3%	83.3% #90ABD7	RGB 144 171 215	#90ABD7
100.0%	100.0% #B6C7E3	RGB 182 199 227	#B6C7E3

#003B9F #164EAA #3062B5 #4D79C1 #6D91CC #90ABD7 #B6C7E3

#003C9F - #4D79C1 - #B6C7E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003B9F 0%, #4D79C1 50%, #B6C7E3 100%);
    background: -webkit-linear-gradient(top, #003B9F 0%, #4D79C1 50%, #B6C7E3 100%);
    background: linear-gradient(to bottom, #003B9F 0%, #4D79C1 50%, #B6C7E3 100%);
}
</style>