#080E6D - #204DB5 | 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 #080E6D to #204DB5

#080E6D #204DB5

Calculate the color between two colors, #080E6D and #204DB5. 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)

#080E6D - #204DB5 | 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 #080E6D as 0% and #204DB5 as 100%.

0.0%	0.0% #080E6D	RGB 8 14 109	#080E6D
16.7%	16.7% #0C1879	RGB 12 24 121	#0C1879
33.3%	33.3% #102385	RGB 16 35 133	#102385
50.0%	50.0% #142D91	RGB 20 45 145	#142D91
66.7%	66.7% #18389D	RGB 24 56 157	#18389D
83.3%	83.3% #1C42A9	RGB 28 66 169	#1C42A9
100.0%	100.0% #204DB5	RGB 32 77 181	#204DB5

#080E6D #0C1879 #102385 #142D91 #18389D #1C42A9 #204DB5

#080E6D - #204DB5

HSV Blend

#080E6D - #204DB5 | 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 #080E6D as 0% and #204DB5 as 100%.

0.0%	0.0% #070D6D	RGB 7 13 109	#070D6D
16.7%	16.7% #0A1579	RGB 10 21 121	#0A1579
33.3%	33.3% #0E1E85	RGB 14 30 133	#0E1E85
50.0%	50.0% #122991	RGB 18 41 145	#122991
66.7%	66.7% #16349D	RGB 22 52 157	#16349D
83.3%	83.3% #1A40A9	RGB 26 64 169	#1A40A9
100.0%	100.0% #204DB5	RGB 32 77 181	#204DB5

#070D6D #0A1579 #0E1E85 #122991 #16349D #1A40A9 #204DB5

#080E6D - #122991 - #204DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #070D6D 0%, #122991 50%, #204DB5 100%);
    background: -webkit-linear-gradient(top, #070D6D 0%, #122991 50%, #204DB5 100%);
    background: linear-gradient(to bottom, #070D6D 0%, #122991 50%, #204DB5 100%);
}
</style>