#080F05 - #001703 | 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 #080F05 to #001703

#080F05 #001703

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

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

0.0%	0.0% #080F05	RGB 8 15 5	#080F05
16.7%	16.7% #061004	RGB 6 16 4	#061004
33.3%	33.3% #051104	RGB 5 17 4	#051104
50.0%	50.0% #041304	RGB 4 19 4	#041304
66.7%	66.7% #021403	RGB 2 20 3	#021403
83.3%	83.3% #011503	RGB 1 21 3	#011503
100.0%	100.0% #001703	RGB 0 23 3	#001703

#080F05 #061004 #051104 #041304 #021403 #011503 #001703

#080F05 - #001703

HSV Blend

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

0.0%	0.0% #080F05	RGB 8 15 5	#080F05
16.7%	16.7% #071004	RGB 7 16 4	#071004
33.3%	33.3% #061103	RGB 6 17 3	#061103
50.0%	50.0% #041303	RGB 4 19 3	#041303
66.7%	66.7% #021402	RGB 2 20 2	#021402
83.3%	83.3% #011502	RGB 1 21 2	#011502
100.0%	100.0% #001703	RGB 0 23 3	#001703

#080F05 #071004 #061103 #041303 #021402 #011502 #001703

#080F05 - #041303 - #001703

CSS codes

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

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