#4E3A2B - #16100C | 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 #4E3A2B to #16100C

#4E3A2B #16100C

Calculate the color between two colors, #4E3A2B and #16100C. 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)

#4E3A2B - #16100C | 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 #4E3A2B as 0% and #16100C as 100%.

0.0%	0.0% #4E3A2B	RGB 78 58 43	#4E3A2B
16.7%	16.7% #443325	RGB 68 51 37	#443325
33.3%	33.3% #3B2C20	RGB 59 44 32	#3B2C20
50.0%	50.0% #32251B	RGB 50 37 27	#32251B
66.7%	66.7% #281E16	RGB 40 30 22	#281E16
83.3%	83.3% #1F1711	RGB 31 23 17	#1F1711
100.0%	100.0% #16100C	RGB 22 16 12	#16100C

#4E3A2B #443325 #3B2C20 #32251B #281E16 #1F1711 #16100C

#4E3A2B - #16100C

HSV Blend

#4E3A2B - #16100C | 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 #4E3A2B as 0% and #16100C as 100%.

0.0%	0.0% #4E3A2B	RGB 78 58 43	#4E3A2B
16.7%	16.7% #443225	RGB 68 50 37	#443225
33.3%	33.3% #3B2B20	RGB 59 43 32	#3B2B20
50.0%	50.0% #32241B	RGB 50 36 27	#32241B
66.7%	66.7% #281D16	RGB 40 29 22	#281D16
83.3%	83.3% #1F1611	RGB 31 22 17	#1F1611
100.0%	100.0% #16100C	RGB 22 16 12	#16100C

#4E3A2B #443225 #3B2B20 #32241B #281D16 #1F1611 #16100C

#4E3A2B - #32241B - #16100C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3A2B 0%, #32241B 50%, #16100C 100%);
    background: -webkit-linear-gradient(top, #4E3A2B 0%, #32241B 50%, #16100C 100%);
    background: linear-gradient(to bottom, #4E3A2B 0%, #32241B 50%, #16100C 100%);
}
</style>