#080A09 - #003531 | 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 #080A09 to #003531

#080A09 #003531

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

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

0.0%	0.0% #080A09	RGB 8 10 9	#080A09
16.7%	16.7% #06110F	RGB 6 17 15	#06110F
33.3%	33.3% #051816	RGB 5 24 22	#051816
50.0%	50.0% #041F1D	RGB 4 31 29	#041F1D
66.7%	66.7% #022623	RGB 2 38 35	#022623
83.3%	83.3% #012D2A	RGB 1 45 42	#012D2A
100.0%	100.0% #003531	RGB 0 53 49	#003531

#080A09 #06110F #051816 #041F1D #022623 #012D2A #003531

#080A09 - #003531

HSV Blend

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

0.0%	0.0% #080A09	RGB 8 10 9	#080A09
16.7%	16.7% #0B110E	RGB 11 17 14	#0B110E
33.3%	33.3% #0C1814	RGB 12 24 20	#0C1814
50.0%	50.0% #0C1F1A	RGB 12 31 26	#0C1F1A
66.7%	66.7% #0A2620	RGB 10 38 32	#0A2620
83.3%	83.3% #062D28	RGB 6 45 40	#062D28
100.0%	100.0% #003531	RGB 0 53 49	#003531

#080A09 #0B110E #0C1814 #0C1F1A #0A2620 #062D28 #003531

#080A09 - #0C1F1A - #003531

CSS codes

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

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