#001444 - #080B06 | 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 #001444 to #080B06

#001444 #080B06

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

#001444 - #080B06 | 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 #001444 as 0% and #080B06 as 100%.

0.0%	0.0% #001444	RGB 0 20 68	#001444
16.7%	16.7% #011239	RGB 1 18 57	#011239
33.3%	33.3% #02112F	RGB 2 17 47	#02112F
50.0%	50.0% #040F25	RGB 4 15 37	#040F25
66.7%	66.7% #050E1A	RGB 5 14 26	#050E1A
83.3%	83.3% #060C10	RGB 6 12 16	#060C10
100.0%	100.0% #080B06	RGB 8 11 6	#080B06

#001444 #011239 #02112F #040F25 #050E1A #060C10 #080B06

#001444 - #080B06

HSV Blend

#001444 - #080B06 | 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 #001444 as 0% and #080B06 as 100%.

0.0%	0.0% #001444	RGB 0 20 68	#001444
16.7%	16.7% #05273A	RGB 5 39 58	#05273A
33.3%	33.3% #083031	RGB 8 48 49	#083031
50.0%	50.0% #0A271D	RGB 10 39 29	#0A271D
66.7%	66.7% #0A1E10	RGB 10 30 16	#0A1E10
83.3%	83.3% #091409	RGB 9 20 9	#091409
100.0%	100.0% #080B06	RGB 8 11 6	#080B06

#001444 #05273A #083031 #0A271D #0A1E10 #091409 #080B06

#001444 - #0A271D - #080B06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001444 0%, #0A271D 50%, #080B06 100%);
    background: -webkit-linear-gradient(top, #001444 0%, #0A271D 50%, #080B06 100%);
    background: linear-gradient(to bottom, #001444 0%, #0A271D 50%, #080B06 100%);
}
</style>