#AA665B - #822118 | 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 #AA665B to #822118

#AA665B #822118

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

#AA665B - #822118 | 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 #AA665B as 0% and #822118 as 100%.

0.0%	0.0% #AA665B	RGB 170 102 91	#AA665B
16.7%	16.7% #A35A4F	RGB 163 90 79	#A35A4F
33.3%	33.3% #9C4F44	RGB 156 79 68	#9C4F44
50.0%	50.0% #964339	RGB 150 67 57	#964339
66.7%	66.7% #8F382E	RGB 143 56 46	#8F382E
83.3%	83.3% #882C23	RGB 136 44 35	#882C23
100.0%	100.0% #822118	RGB 130 33 24	#822118

#AA665B #A35A4F #9C4F44 #964339 #8F382E #882C23 #822118

#AA665B - #822118

HSV Blend

#AA665B - #822118 | 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 #AA665B as 0% and #822118 as 100%.

0.0%	0.0% #AA665B	RGB 170 102 91	#AA665B
16.7%	16.7% #A3594D	RGB 163 89 77	#A3594D
33.3%	33.3% #9C4C41	RGB 156 76 65	#9C4C41
50.0%	50.0% #964035	RGB 150 64 53	#964035
66.7%	66.7% #8F352B	RGB 143 53 43	#8F352B
83.3%	83.3% #882A21	RGB 136 42 33	#882A21
100.0%	100.0% #822118	RGB 130 33 24	#822118

#AA665B #A3594D #9C4C41 #964035 #8F352B #882A21 #822118

#AA665B - #964035 - #822118

CSS codes

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

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