#00047D - #8DA8CE | 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 #00047D to #8DA8CE

#00047D #8DA8CE

Calculate the color between two colors, #00047D and #8DA8CE. 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)

#00047D - #8DA8CE | 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 #00047D as 0% and #8DA8CE as 100%.

0.0%	0.0% #00047D	RGB 0 4 125	#00047D
16.7%	16.7% #171F8A	RGB 23 31 138	#171F8A
33.3%	33.3% #2F3A98	RGB 47 58 152	#2F3A98
50.0%	50.0% #4656A5	RGB 70 86 165	#4656A5
66.7%	66.7% #5E71B3	RGB 94 113 179	#5E71B3
83.3%	83.3% #758CC0	RGB 117 140 192	#758CC0
100.0%	100.0% #8DA8CE	RGB 141 168 206	#8DA8CE

#00047D #171F8A #2F3A98 #4656A5 #5E71B3 #758CC0 #8DA8CE

#00047D - #8DA8CE

HSV Blend

#00047D - #8DA8CE | 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 #00047D as 0% and #8DA8CE as 100%.

0.0%	0.0% #00047D	RGB 0 4 125	#00047D
16.7%	16.7% #0F1B8A	RGB 15 27 138	#0F1B8A
33.3%	33.3% #223598	RGB 34 53 152	#223598
50.0%	50.0% #3850A5	RGB 56 80 165	#3850A5
66.7%	66.7% #516DB3	RGB 81 109 179	#516DB3
83.3%	83.3% #6D8AC0	RGB 109 138 192	#6D8AC0
100.0%	100.0% #8DA8CE	RGB 141 168 206	#8DA8CE

#00047D #0F1B8A #223598 #3850A5 #516DB3 #6D8AC0 #8DA8CE

#00047D - #3850A5 - #8DA8CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00047D 0%, #3850A5 50%, #8DA8CE 100%);
    background: -webkit-linear-gradient(top, #00047D 0%, #3850A5 50%, #8DA8CE 100%);
    background: linear-gradient(to bottom, #00047D 0%, #3850A5 50%, #8DA8CE 100%);
}
</style>