#4D231B - #A65E3E | 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 #4D231B to #A65E3E

#4D231B #A65E3E

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

#4D231B - #A65E3E | 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 #4D231B as 0% and #A65E3E as 100%.

0.0%	0.0% #4D231B	RGB 77 35 27	#4D231B
16.7%	16.7% #5B2C20	RGB 91 44 32	#5B2C20
33.3%	33.3% #6A3626	RGB 106 54 38	#6A3626
50.0%	50.0% #79402C	RGB 121 64 44	#79402C
66.7%	66.7% #884A32	RGB 136 74 50	#884A32
83.3%	83.3% #975438	RGB 151 84 56	#975438
100.0%	100.0% #A65E3E	RGB 166 94 62	#A65E3E

#4D231B #5B2C20 #6A3626 #79402C #884A32 #975438 #A65E3E

#4D231B - #A65E3E

HSV Blend

#4D231B - #A65E3E | 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 #4D231B as 0% and #A65E3E as 100%.

0.0%	0.0% #4D231B	RGB 77 35 27	#4D231B
16.7%	16.7% #5B2B20	RGB 91 43 32	#5B2B20
33.3%	33.3% #6A3426	RGB 106 52 38	#6A3426
50.0%	50.0% #793E2B	RGB 121 62 43	#793E2B
66.7%	66.7% #884831	RGB 136 72 49	#884831
83.3%	83.3% #975237	RGB 151 82 55	#975237
100.0%	100.0% #A65E3E	RGB 166 94 62	#A65E3E

#4D231B #5B2B20 #6A3426 #793E2B #884831 #975237 #A65E3E

#4D231B - #793E2B - #A65E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D231B 0%, #793E2B 50%, #A65E3E 100%);
    background: -webkit-linear-gradient(top, #4D231B 0%, #793E2B 50%, #A65E3E 100%);
    background: linear-gradient(to bottom, #4D231B 0%, #793E2B 50%, #A65E3E 100%);
}
</style>