#A84311 - #301304 | 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 #A84311 to #301304

#A84311 #301304

Calculate the color between two colors, #A84311 and #301304. 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)

#A84311 - #301304 | 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 #A84311 as 0% and #301304 as 100%.

0.0%	0.0% #A84311	RGB 168 67 17	#A84311
16.7%	16.7% #943B0E	RGB 148 59 14	#943B0E
33.3%	33.3% #80330C	RGB 128 51 12	#80330C
50.0%	50.0% #6C2B0A	RGB 108 43 10	#6C2B0A
66.7%	66.7% #582308	RGB 88 35 8	#582308
83.3%	83.3% #441B06	RGB 68 27 6	#441B06
100.0%	100.0% #301304	RGB 48 19 4	#301304

#A84311 #943B0E #80330C #6C2B0A #582308 #441B06 #301304

#A84311 - #301304

HSV Blend

#A84311 - #301304 | 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 #A84311 as 0% and #301304 as 100%.

0.0%	0.0% #A84311	RGB 168 67 17	#A84311
16.7%	16.7% #943A0E	RGB 148 58 14	#943A0E
33.3%	33.3% #80320C	RGB 128 50 12	#80320C
50.0%	50.0% #6C2A09	RGB 108 42 9	#6C2A09
66.7%	66.7% #582207	RGB 88 34 7	#582207
83.3%	83.3% #441A05	RGB 68 26 5	#441A05
100.0%	100.0% #301304	RGB 48 19 4	#301304

#A84311 #943A0E #80320C #6C2A09 #582207 #441A05 #301304

#A84311 - #6C2A09 - #301304

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A84311 0%, #6C2A09 50%, #301304 100%);
    background: -webkit-linear-gradient(top, #A84311 0%, #6C2A09 50%, #301304 100%);
    background: linear-gradient(to bottom, #A84311 0%, #6C2A09 50%, #301304 100%);
}
</style>