#201F10 - #080904 | 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 #201F10 to #080904

#201F10 #080904

Calculate the color between two colors, #201F10 and #080904. 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)

#201F10 - #080904 | 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 #201F10 as 0% and #080904 as 100%.

0.0%	0.0% #201F10	RGB 32 31 16	#201F10
16.7%	16.7% #1C1B0E	RGB 28 27 14	#1C1B0E
33.3%	33.3% #18170C	RGB 24 23 12	#18170C
50.0%	50.0% #14140A	RGB 20 20 10	#14140A
66.7%	66.7% #101008	RGB 16 16 8	#101008
83.3%	83.3% #0C0C06	RGB 12 12 6	#0C0C06
100.0%	100.0% #080904	RGB 8 9 4	#080904

#201F10 #1C1B0E #18170C #14140A #101008 #0C0C06 #080904

#201F10 - #080904

HSV Blend

#201F10 - #080904 | 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 #201F10 as 0% and #080904 as 100%.

0.0%	0.0% #201F10	RGB 32 31 16	#201F10
16.7%	16.7% #1C1B0D	RGB 28 27 13	#1C1B0D
33.3%	33.3% #18180B	RGB 24 24 11	#18180B
50.0%	50.0% #131409	RGB 19 20 9	#131409
66.7%	66.7% #0F1007	RGB 15 16 7	#0F1007
83.3%	83.3% #0B0C05	RGB 11 12 5	#0B0C05
100.0%	100.0% #080904	RGB 8 9 4	#080904

#201F10 #1C1B0D #18180B #131409 #0F1007 #0B0C05 #080904

#201F10 - #131409 - #080904

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201F10 0%, #131409 50%, #080904 100%);
    background: -webkit-linear-gradient(top, #201F10 0%, #131409 50%, #080904 100%);
    background: linear-gradient(to bottom, #201F10 0%, #131409 50%, #080904 100%);
}
</style>