#080D4D - #20448D | 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 #080D4D to #20448D

#080D4D #20448D

Calculate the color between two colors, #080D4D and #20448D. 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)

#080D4D - #20448D | 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 #080D4D as 0% and #20448D as 100%.

0.0%	0.0% #080D4D	RGB 8 13 77	#080D4D
16.7%	16.7% #0C1657	RGB 12 22 87	#0C1657
33.3%	33.3% #101F62	RGB 16 31 98	#101F62
50.0%	50.0% #14286D	RGB 20 40 109	#14286D
66.7%	66.7% #183177	RGB 24 49 119	#183177
83.3%	83.3% #1C3A82	RGB 28 58 130	#1C3A82
100.0%	100.0% #20448D	RGB 32 68 141	#20448D

#080D4D #0C1657 #101F62 #14286D #183177 #1C3A82 #20448D

#080D4D - #20448D

HSV Blend

#080D4D - #20448D | 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 #080D4D as 0% and #20448D as 100%.

0.0%	0.0% #070D4D	RGB 7 13 77	#070D4D
16.7%	16.7% #0A1357	RGB 10 19 87	#0A1357
33.3%	33.3% #0E1B62	RGB 14 27 98	#0E1B62
50.0%	50.0% #12246D	RGB 18 36 109	#12246D
66.7%	66.7% #162E77	RGB 22 46 119	#162E77
83.3%	83.3% #1A3882	RGB 26 56 130	#1A3882
100.0%	100.0% #20448D	RGB 32 68 141	#20448D

#070D4D #0A1357 #0E1B62 #12246D #162E77 #1A3882 #20448D

#080D4D - #12246D - #20448D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #070D4D 0%, #12246D 50%, #20448D 100%);
    background: -webkit-linear-gradient(top, #070D4D 0%, #12246D 50%, #20448D 100%);
    background: linear-gradient(to bottom, #070D4D 0%, #12246D 50%, #20448D 100%);
}
</style>