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

#201F11 #080904

Calculate the color between two colors, #201F11 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)

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

0.0%	0.0% #201F11	RGB 32 31 17	#201F11
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

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

#201F11 - #080904

HSV Blend

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

0.0%	0.0% #201F11	RGB 32 31 17	#201F11
16.7%	16.7% #1C1B0E	RGB 28 27 14	#1C1B0E
33.3%	33.3% #18180C	RGB 24 24 12	#18180C
50.0%	50.0% #13140A	RGB 19 20 10	#13140A
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

#201F11 #1C1B0E #18180C #13140A #0F1007 #0B0C05 #080904

#201F11 - #13140A - #080904

CSS codes

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

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