#A1637B - #671C2F | 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 #A1637B to #671C2F

#A1637B #671C2F

Calculate the color between two colors, #A1637B and #671C2F. 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)

#A1637B - #671C2F | 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 #A1637B as 0% and #671C2F as 100%.

0.0%	0.0% #A1637B	RGB 161 99 123	#A1637B
16.7%	16.7% #97576E	RGB 151 87 110	#97576E
33.3%	33.3% #8D4B61	RGB 141 75 97	#8D4B61
50.0%	50.0% #843F55	RGB 132 63 85	#843F55
66.7%	66.7% #7A3348	RGB 122 51 72	#7A3348
83.3%	83.3% #70273B	RGB 112 39 59	#70273B
100.0%	100.0% #671C2F	RGB 103 28 47	#671C2F

#A1637B #97576E #8D4B61 #843F55 #7A3348 #70273B #671C2F

#A1637B - #671C2F

HSV Blend

#A1637B - #671C2F | 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 #A1637B as 0% and #671C2F as 100%.

0.0%	0.0% #A1637B	RGB 161 99 123	#A1637B
16.7%	16.7% #97546C	RGB 151 84 108	#97546C
33.3%	33.3% #8D465F	RGB 141 70 95	#8D465F
50.0%	50.0% #843A52	RGB 132 58 82	#843A52
66.7%	66.7% #7A2F45	RGB 122 47 69	#7A2F45
83.3%	83.3% #702539	RGB 112 37 57	#702539
100.0%	100.0% #671C2F	RGB 103 28 47	#671C2F

#A1637B #97546C #8D465F #843A52 #7A2F45 #702539 #671C2F

#A1637B - #843A52 - #671C2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1637B 0%, #843A52 50%, #671C2F 100%);
    background: -webkit-linear-gradient(top, #A1637B 0%, #843A52 50%, #671C2F 100%);
    background: linear-gradient(to bottom, #A1637B 0%, #843A52 50%, #671C2F 100%);
}
</style>