#4D1F0E - #AF462B | 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 #4D1F0E to #AF462B

#4D1F0E #AF462B

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

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

0.0%	0.0% #4D1F0E	RGB 77 31 14	#4D1F0E
16.7%	16.7% #5D2512	RGB 93 37 18	#5D2512
33.3%	33.3% #6D2C17	RGB 109 44 23	#6D2C17
50.0%	50.0% #7E321C	RGB 126 50 28	#7E321C
66.7%	66.7% #8E3921	RGB 142 57 33	#8E3921
83.3%	83.3% #9E3F26	RGB 158 63 38	#9E3F26
100.0%	100.0% #AF462B	RGB 175 70 43	#AF462B

#4D1F0E #5D2512 #6D2C17 #7E321C #8E3921 #9E3F26 #AF462B

#4D1F0E - #AF462B

HSV Blend

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

0.0%	0.0% #4D1F0E	RGB 77 31 14	#4D1F0E
16.7%	16.7% #5D2511	RGB 93 37 17	#5D2511
33.3%	33.3% #6D2B16	RGB 109 43 22	#6D2B16
50.0%	50.0% #7E321A	RGB 126 50 26	#7E321A
66.7%	66.7% #8E381F	RGB 142 56 31	#8E381F
83.3%	83.3% #9E3F25	RGB 158 63 37	#9E3F25
100.0%	100.0% #AF462B	RGB 175 70 43	#AF462B

#4D1F0E #5D2511 #6D2B16 #7E321A #8E381F #9E3F25 #AF462B

#4D1F0E - #7E321A - #AF462B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1F0E 0%, #7E321A 50%, #AF462B 100%);
    background: -webkit-linear-gradient(top, #4D1F0E 0%, #7E321A 50%, #AF462B 100%);
    background: linear-gradient(to bottom, #4D1F0E 0%, #7E321A 50%, #AF462B 100%);
}
</style>