#8A4D4D - #681D0E | 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 #8A4D4D to #681D0E

#8A4D4D #681D0E

Calculate the color between two colors, #8A4D4D and #681D0E. 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)

#8A4D4D - #681D0E | 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 #8A4D4D as 0% and #681D0E as 100%.

0.0%	0.0% #8A4D4D	RGB 138 77 77	#8A4D4D
16.7%	16.7% #844542	RGB 132 69 66	#844542
33.3%	33.3% #7E3D38	RGB 126 61 56	#7E3D38
50.0%	50.0% #79352D	RGB 121 53 45	#79352D
66.7%	66.7% #732D23	RGB 115 45 35	#732D23
83.3%	83.3% #6D2518	RGB 109 37 24	#6D2518
100.0%	100.0% #681D0E	RGB 104 29 14	#681D0E

#8A4D4D #844542 #7E3D38 #79352D #732D23 #6D2518 #681D0E

#8A4D4D - #681D0E

HSV Blend

#8A4D4D - #681D0E | 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 #8A4D4D as 0% and #681D0E as 100%.

0.0%	0.0% #8A4D4D	RGB 138 77 77	#8A4D4D
16.7%	16.7% #844240	RGB 132 66 64	#844240
33.3%	33.3% #7E3834	RGB 126 56 52	#7E3834
50.0%	50.0% #793029	RGB 121 48 41	#793029
66.7%	66.7% #73291F	RGB 115 41 31	#73291F
83.3%	83.3% #6D2216	RGB 109 34 22	#6D2216
100.0%	100.0% #681D0E	RGB 104 29 14	#681D0E

#8A4D4D #844240 #7E3834 #793029 #73291F #6D2216 #681D0E

#8A4D4D - #793029 - #681D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A4D4D 0%, #793029 50%, #681D0E 100%);
    background: -webkit-linear-gradient(top, #8A4D4D 0%, #793029 50%, #681D0E 100%);
    background: linear-gradient(to bottom, #8A4D4D 0%, #793029 50%, #681D0E 100%);
}
</style>