#A04D64 - #2D161C | 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 #A04D64 to #2D161C

#A04D64 #2D161C

Calculate the color between two colors, #A04D64 and #2D161C. 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)

#A04D64 - #2D161C | 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 #A04D64 as 0% and #2D161C as 100%.

0.0%	0.0% #A04D64	RGB 160 77 100	#A04D64
16.7%	16.7% #8C4358	RGB 140 67 88	#8C4358
33.3%	33.3% #793A4C	RGB 121 58 76	#793A4C
50.0%	50.0% #663140	RGB 102 49 64	#663140
66.7%	66.7% #532834	RGB 83 40 52	#532834
83.3%	83.3% #401F28	RGB 64 31 40	#401F28
100.0%	100.0% #2D161C	RGB 45 22 28	#2D161C

#A04D64 #8C4358 #793A4C #663140 #532834 #401F28 #2D161C

#A04D64 - #2D161C

HSV Blend

#A04D64 - #2D161C | 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 #A04D64 as 0% and #2D161C as 100%.

0.0%	0.0% #A04D64	RGB 160 77 100	#A04D64
16.7%	16.7% #8C4357	RGB 140 67 87	#8C4357
33.3%	33.3% #793A4B	RGB 121 58 75	#793A4B
50.0%	50.0% #66313F	RGB 102 49 63	#66313F
66.7%	66.7% #532833	RGB 83 40 51	#532833
83.3%	83.3% #401F27	RGB 64 31 39	#401F27
100.0%	100.0% #2D161C	RGB 45 22 28	#2D161C

#A04D64 #8C4357 #793A4B #66313F #532833 #401F27 #2D161C

#A04D64 - #66313F - #2D161C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A04D64 0%, #66313F 50%, #2D161C 100%);
    background: -webkit-linear-gradient(top, #A04D64 0%, #66313F 50%, #2D161C 100%);
    background: linear-gradient(to bottom, #A04D64 0%, #66313F 50%, #2D161C 100%);
}
</style>