#AD7427 - #31210B | 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 #AD7427 to #31210B

#AD7427 #31210B

Calculate the color between two colors, #AD7427 and #31210B. 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)

#AD7427 - #31210B | 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 #AD7427 as 0% and #31210B as 100%.

0.0%	0.0% #AD7427	RGB 173 116 39	#AD7427
16.7%	16.7% #986622	RGB 152 102 34	#986622
33.3%	33.3% #83581D	RGB 131 88 29	#83581D
50.0%	50.0% #6F4A19	RGB 111 74 25	#6F4A19
66.7%	66.7% #5A3C14	RGB 90 60 20	#5A3C14
83.3%	83.3% #452E0F	RGB 69 46 15	#452E0F
100.0%	100.0% #31210B	RGB 49 33 11	#31210B

#AD7427 #986622 #83581D #6F4A19 #5A3C14 #452E0F #31210B

#AD7427 - #31210B

HSV Blend

#AD7427 - #31210B | 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 #AD7427 as 0% and #31210B as 100%.

0.0%	0.0% #AD7427	RGB 173 116 39	#AD7427
16.7%	16.7% #986622	RGB 152 102 34	#986622
33.3%	33.3% #83581D	RGB 131 88 29	#83581D
50.0%	50.0% #6F4A18	RGB 111 74 24	#6F4A18
66.7%	66.7% #5A3C14	RGB 90 60 20	#5A3C14
83.3%	83.3% #452E0F	RGB 69 46 15	#452E0F
100.0%	100.0% #31210B	RGB 49 33 11	#31210B

#AD7427 #986622 #83581D #6F4A18 #5A3C14 #452E0F #31210B

#AD7427 - #6F4A18 - #31210B

CSS codes

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

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