#A2807E - #873B2B | 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 #A2807E to #873B2B

#A2807E #873B2B

Calculate the color between two colors, #A2807E and #873B2B. 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)

#A2807E - #873B2B | 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 #A2807E as 0% and #873B2B as 100%.

0.0%	0.0% #A2807E	RGB 162 128 126	#A2807E
16.7%	16.7% #9D7470	RGB 157 116 112	#9D7470
33.3%	33.3% #996962	RGB 153 105 98	#996962
50.0%	50.0% #945D54	RGB 148 93 84	#945D54
66.7%	66.7% #905246	RGB 144 82 70	#905246
83.3%	83.3% #8B4638	RGB 139 70 56	#8B4638
100.0%	100.0% #873B2B	RGB 135 59 43	#873B2B

#A2807E #9D7470 #996962 #945D54 #905246 #8B4638 #873B2B

#A2807E - #873B2B

HSV Blend

#A2807E - #873B2B | 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 #A2807E as 0% and #873B2B as 100%.

0.0%	0.0% #A2807E	RGB 162 128 126	#A2807E
16.7%	16.7% #9D716E	RGB 157 113 110	#9D716E
33.3%	33.3% #99655F	RGB 153 101 95	#99655F
50.0%	50.0% #945951	RGB 148 89 81	#945951
66.7%	66.7% #904E43	RGB 144 78 67	#904E43
83.3%	83.3% #8B4437	RGB 139 68 55	#8B4437
100.0%	100.0% #873B2B	RGB 135 59 43	#873B2B

#A2807E #9D716E #99655F #945951 #904E43 #8B4437 #873B2B

#A2807E - #945951 - #873B2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2807E 0%, #945951 50%, #873B2B 100%);
    background: -webkit-linear-gradient(top, #A2807E 0%, #945951 50%, #873B2B 100%);
    background: linear-gradient(to bottom, #A2807E 0%, #945951 50%, #873B2B 100%);
}
</style>