#0069BD - #B6D4EC | 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 #0069BD to #B6D4EC

#0069BD #B6D4EC

Calculate the color between two colors, #0069BD and #B6D4EC. 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)

#0069BD - #B6D4EC | 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 #0069BD as 0% and #B6D4EC as 100%.

0.0%	0.0% #0069BD	RGB 0 105 189	#0069BD
16.7%	16.7% #1E7AC4	RGB 30 122 196	#1E7AC4
33.3%	33.3% #3C8CCC	RGB 60 140 204	#3C8CCC
50.0%	50.0% #5B9ED4	RGB 91 158 212	#5B9ED4
66.7%	66.7% #79B0DC	RGB 121 176 220	#79B0DC
83.3%	83.3% #97C2E4	RGB 151 194 228	#97C2E4
100.0%	100.0% #B6D4EC	RGB 182 212 236	#B6D4EC

#0069BD #1E7AC4 #3C8CCC #5B9ED4 #79B0DC #97C2E4 #B6D4EC

#0069BD - #B6D4EC

HSV Blend

#0069BD - #B6D4EC | 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 #0069BD as 0% and #B6D4EC as 100%.

0.0%	0.0% #0068BD	RGB 0 104 189	#0068BD
16.7%	16.7% #1978C4	RGB 25 120 196	#1978C4
33.3%	33.3% #3489CC	RGB 52 137 204	#3489CC
50.0%	50.0% #519AD4	RGB 81 154 212	#519AD4
66.7%	66.7% #71ACDC	RGB 113 172 220	#71ACDC
83.3%	83.3% #92BFE4	RGB 146 191 228	#92BFE4
100.0%	100.0% #B6D4EC	RGB 182 212 236	#B6D4EC

#0068BD #1978C4 #3489CC #519AD4 #71ACDC #92BFE4 #B6D4EC

#0069BD - #519AD4 - #B6D4EC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0068BD 0%, #519AD4 50%, #B6D4EC 100%);
    background: -webkit-linear-gradient(top, #0068BD 0%, #519AD4 50%, #B6D4EC 100%);
    background: linear-gradient(to bottom, #0068BD 0%, #519AD4 50%, #B6D4EC 100%);
}
</style>