#201611 - #2D0B02 | 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 #201611 to #2D0B02

#201611 #2D0B02

Calculate the color between two colors, #201611 and #2D0B02. 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)

#201611 - #2D0B02 | 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 #201611 as 0% and #2D0B02 as 100%.

0.0%	0.0% #201611	RGB 32 22 17	#201611
16.7%	16.7% #22140E	RGB 34 20 14	#22140E
33.3%	33.3% #24120C	RGB 36 18 12	#24120C
50.0%	50.0% #261009	RGB 38 16 9	#261009
66.7%	66.7% #280E07	RGB 40 14 7	#280E07
83.3%	83.3% #2A0C04	RGB 42 12 4	#2A0C04
100.0%	100.0% #2D0B02	RGB 45 11 2	#2D0B02

#201611 #22140E #24120C #261009 #280E07 #2A0C04 #2D0B02

#201611 - #2D0B02

HSV Blend

#201611 - #2D0B02 | 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 #201611 as 0% and #2D0B02 as 100%.

0.0%	0.0% #201611	RGB 32 22 17	#201611
16.7%	16.7% #22150F	RGB 34 21 15	#22150F
33.3%	33.3% #24140D	RGB 36 20 13	#24140D
50.0%	50.0% #26120B	RGB 38 18 11	#26120B
66.7%	66.7% #281008	RGB 40 16 8	#281008
83.3%	83.3% #2A0D05	RGB 42 13 5	#2A0D05
100.0%	100.0% #2D0B02	RGB 45 11 2	#2D0B02

#201611 #22150F #24140D #26120B #281008 #2A0D05 #2D0B02

#201611 - #26120B - #2D0B02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201611 0%, #26120B 50%, #2D0B02 100%);
    background: -webkit-linear-gradient(top, #201611 0%, #26120B 50%, #2D0B02 100%);
    background: linear-gradient(to bottom, #201611 0%, #26120B 50%, #2D0B02 100%);
}
</style>