#4B1704 - #98481E | 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 #4B1704 to #98481E

#4B1704 #98481E

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

#4B1704 - #98481E | 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 #4B1704 as 0% and #98481E as 100%.

0.0%	0.0% #4B1704	RGB 75 23 4	#4B1704
16.7%	16.7% #571F08	RGB 87 31 8	#571F08
33.3%	33.3% #64270C	RGB 100 39 12	#64270C
50.0%	50.0% #712F11	RGB 113 47 17	#712F11
66.7%	66.7% #7E3715	RGB 126 55 21	#7E3715
83.3%	83.3% #8B3F19	RGB 139 63 25	#8B3F19
100.0%	100.0% #98481E	RGB 152 72 30	#98481E

#4B1704 #571F08 #64270C #712F11 #7E3715 #8B3F19 #98481E

#4B1704 - #98481E

HSV Blend

#4B1704 - #98481E | 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 #4B1704 as 0% and #98481E as 100%.

0.0%	0.0% #4B1704	RGB 75 23 4	#4B1704
16.7%	16.7% #571D06	RGB 87 29 6	#571D06
33.3%	33.3% #64240A	RGB 100 36 10	#64240A
50.0%	50.0% #712C0E	RGB 113 44 14	#712C0E
66.7%	66.7% #7E3512	RGB 126 53 18	#7E3512
83.3%	83.3% #8B3E18	RGB 139 62 24	#8B3E18
100.0%	100.0% #98481E	RGB 152 72 30	#98481E

#4B1704 #571D06 #64240A #712C0E #7E3512 #8B3E18 #98481E

#4B1704 - #712C0E - #98481E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B1704 0%, #712C0E 50%, #98481E 100%);
    background: -webkit-linear-gradient(top, #4B1704 0%, #712C0E 50%, #98481E 100%);
    background: linear-gradient(to bottom, #4B1704 0%, #712C0E 50%, #98481E 100%);
}
</style>