#04007D - #8DA4CE | 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 #04007D to #8DA4CE

#04007D #8DA4CE

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

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

0.0%	0.0% #04007D	RGB 4 0 125	#04007D
16.7%	16.7% #1A1B8A	RGB 26 27 138	#1A1B8A
33.3%	33.3% #313698	RGB 49 54 152	#313698
50.0%	50.0% #4852A5	RGB 72 82 165	#4852A5
66.7%	66.7% #5F6DB3	RGB 95 109 179	#5F6DB3
83.3%	83.3% #7688C0	RGB 118 136 192	#7688C0
100.0%	100.0% #8DA4CE	RGB 141 164 206	#8DA4CE

#04007D #1A1B8A #313698 #4852A5 #5F6DB3 #7688C0 #8DA4CE

#04007D - #8DA4CE

HSV Blend

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

0.0%	0.0% #03007D	RGB 3 0 125	#03007D
16.7%	16.7% #0F138A	RGB 15 19 138	#0F138A
33.3%	33.3% #222E98	RGB 34 46 152	#222E98
50.0%	50.0% #384AA5	RGB 56 74 165	#384AA5
66.7%	66.7% #5167B3	RGB 81 103 179	#5167B3
83.3%	83.3% #6D85C0	RGB 109 133 192	#6D85C0
100.0%	100.0% #8DA4CE	RGB 141 164 206	#8DA4CE

#03007D #0F138A #222E98 #384AA5 #5167B3 #6D85C0 #8DA4CE

#04007D - #384AA5 - #8DA4CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #03007D 0%, #384AA5 50%, #8DA4CE 100%);
    background: -webkit-linear-gradient(top, #03007D 0%, #384AA5 50%, #8DA4CE 100%);
    background: linear-gradient(to bottom, #03007D 0%, #384AA5 50%, #8DA4CE 100%);
}
</style>