#A8484D - #571718 | 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 #A8484D to #571718

#A8484D #571718

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

#A8484D - #571718 | 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 #A8484D as 0% and #571718 as 100%.

0.0%	0.0% #A8484D	RGB 168 72 77	#A8484D
16.7%	16.7% #9A3F44	RGB 154 63 68	#9A3F44
33.3%	33.3% #8D373B	RGB 141 55 59	#8D373B
50.0%	50.0% #7F2F32	RGB 127 47 50	#7F2F32
66.7%	66.7% #722729	RGB 114 39 41	#722729
83.3%	83.3% #641F20	RGB 100 31 32	#641F20
100.0%	100.0% #571718	RGB 87 23 24	#571718

#A8484D #9A3F44 #8D373B #7F2F32 #722729 #641F20 #571718

#A8484D - #571718

HSV Blend

#A8484D - #571718 | 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 #A8484D as 0% and #571718 as 100%.

0.0%	0.0% #A8484D	RGB 168 72 77	#A8484D
16.7%	16.7% #9A3D42	RGB 154 61 66	#9A3D42
33.3%	33.3% #8D3438	RGB 141 52 56	#8D3438
50.0%	50.0% #7F2C2E	RGB 127 44 46	#7F2C2E
66.7%	66.7% #722426	RGB 114 36 38	#722426
83.3%	83.3% #641D1E	RGB 100 29 30	#641D1E
100.0%	100.0% #571718	RGB 87 23 24	#571718

#A8484D #9A3D42 #8D3438 #7F2C2E #722426 #641D1E #571718

#A8484D - #7F2C2E - #571718

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8484D 0%, #7F2C2E 50%, #571718 100%);
    background: -webkit-linear-gradient(top, #A8484D 0%, #7F2C2E 50%, #571718 100%);
    background: linear-gradient(to bottom, #A8484D 0%, #7F2C2E 50%, #571718 100%);
}
</style>