#AD4310 - #662009 | 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 #AD4310 to #662009

#AD4310 #662009

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

#AD4310 - #662009 | 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 #AD4310 as 0% and #662009 as 100%.

0.0%	0.0% #AD4310	RGB 173 67 16	#AD4310
16.7%	16.7% #A13D0E	RGB 161 61 14	#A13D0E
33.3%	33.3% #95370D	RGB 149 55 13	#95370D
50.0%	50.0% #89310C	RGB 137 49 12	#89310C
66.7%	66.7% #7D2B0B	RGB 125 43 11	#7D2B0B
83.3%	83.3% #71250A	RGB 113 37 10	#71250A
100.0%	100.0% #662009	RGB 102 32 9	#662009

#AD4310 #A13D0E #95370D #89310C #7D2B0B #71250A #662009

#AD4310 - #662009

HSV Blend

#AD4310 - #662009 | 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 #AD4310 as 0% and #662009 as 100%.

0.0%	0.0% #AD4310	RGB 173 67 16	#AD4310
16.7%	16.7% #A13C0E	RGB 161 60 14	#A13C0E
33.3%	33.3% #95360D	RGB 149 54 13	#95360D
50.0%	50.0% #89300C	RGB 137 48 12	#89300C
66.7%	66.7% #7D2A0B	RGB 125 42 11	#7D2A0B
83.3%	83.3% #71250A	RGB 113 37 10	#71250A
100.0%	100.0% #662009	RGB 102 32 9	#662009

#AD4310 #A13C0E #95360D #89300C #7D2A0B #71250A #662009

#AD4310 - #89300C - #662009

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD4310 0%, #89300C 50%, #662009 100%);
    background: -webkit-linear-gradient(top, #AD4310 0%, #89300C 50%, #662009 100%);
    background: linear-gradient(to bottom, #AD4310 0%, #89300C 50%, #662009 100%);
}
</style>