#201E05 - #6A562B | 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 #201E05 to #6A562B

#201E05 #6A562B

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

#201E05 - #6A562B | 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 #201E05 as 0% and #6A562B as 100%.

0.0%	0.0% #201E05	RGB 32 30 5	#201E05
16.7%	16.7% #2C270B	RGB 44 39 11	#2C270B
33.3%	33.3% #383011	RGB 56 48 17	#383011
50.0%	50.0% #453A18	RGB 69 58 24	#453A18
66.7%	66.7% #51431E	RGB 81 67 30	#51431E
83.3%	83.3% #5D4C24	RGB 93 76 36	#5D4C24
100.0%	100.0% #6A562B	RGB 106 86 43	#6A562B

#201E05 #2C270B #383011 #453A18 #51431E #5D4C24 #6A562B

#201E05 - #6A562B

HSV Blend

#201E05 - #6A562B | 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 #201E05 as 0% and #6A562B as 100%.

0.0%	0.0% #201E05	RGB 32 30 5	#201E05
16.7%	16.7% #2C2808	RGB 44 40 8	#2C2808
33.3%	33.3% #38310D	RGB 56 49 13	#38310D
50.0%	50.0% #453B13	RGB 69 59 19	#453B13
66.7%	66.7% #51441A	RGB 81 68 26	#51441A
83.3%	83.3% #5D4D22	RGB 93 77 34	#5D4D22
100.0%	100.0% #6A562B	RGB 106 86 43	#6A562B

#201E05 #2C2808 #38310D #453B13 #51441A #5D4D22 #6A562B

#201E05 - #453B13 - #6A562B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201E05 0%, #453B13 50%, #6A562B 100%);
    background: -webkit-linear-gradient(top, #201E05 0%, #453B13 50%, #6A562B 100%);
    background: linear-gradient(to bottom, #201E05 0%, #453B13 50%, #6A562B 100%);
}
</style>