#AD474C - #5A1618 | 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 #AD474C to #5A1618

#AD474C #5A1618

Calculate the color between two colors, #AD474C and #5A1618. 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)

#AD474C - #5A1618 | 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 #AD474C as 0% and #5A1618 as 100%.

0.0%	0.0% #AD474C	RGB 173 71 76	#AD474C
16.7%	16.7% #9F3E43	RGB 159 62 67	#9F3E43
33.3%	33.3% #91363A	RGB 145 54 58	#91363A
50.0%	50.0% #832E32	RGB 131 46 50	#832E32
66.7%	66.7% #752629	RGB 117 38 41	#752629
83.3%	83.3% #671E20	RGB 103 30 32	#671E20
100.0%	100.0% #5A1618	RGB 90 22 24	#5A1618

#AD474C #9F3E43 #91363A #832E32 #752629 #671E20 #5A1618

#AD474C - #5A1618

HSV Blend

#AD474C - #5A1618 | 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 #AD474C as 0% and #5A1618 as 100%.

0.0%	0.0% #AD474C	RGB 173 71 76	#AD474C
16.7%	16.7% #9F3C41	RGB 159 60 65	#9F3C41
33.3%	33.3% #913337	RGB 145 51 55	#913337
50.0%	50.0% #832B2E	RGB 131 43 46	#832B2E
66.7%	66.7% #752326	RGB 117 35 38	#752326
83.3%	83.3% #671C1E	RGB 103 28 30	#671C1E
100.0%	100.0% #5A1618	RGB 90 22 24	#5A1618

#AD474C #9F3C41 #913337 #832B2E #752326 #671C1E #5A1618

#AD474C - #832B2E - #5A1618

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD474C 0%, #832B2E 50%, #5A1618 100%);
    background: -webkit-linear-gradient(top, #AD474C 0%, #832B2E 50%, #5A1618 100%);
    background: linear-gradient(to bottom, #AD474C 0%, #832B2E 50%, #5A1618 100%);
}
</style>