#AA9898 - #8C4243 | 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 #AA9898 to #8C4243

#AA9898 #8C4243

Calculate the color between two colors, #AA9898 and #8C4243. 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)

#AA9898 - #8C4243 | 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 #AA9898 as 0% and #8C4243 as 100%.

0.0%	0.0% #AA9898	RGB 170 152 152	#AA9898
16.7%	16.7% #A58989	RGB 165 137 137	#A58989
33.3%	33.3% #A07B7B	RGB 160 123 123	#A07B7B
50.0%	50.0% #9B6D6D	RGB 155 109 109	#9B6D6D
66.7%	66.7% #965E5F	RGB 150 94 95	#965E5F
83.3%	83.3% #915051	RGB 145 80 81	#915051
100.0%	100.0% #8C4243	RGB 140 66 67	#8C4243

#AA9898 #A58989 #A07B7B #9B6D6D #965E5F #915051 #8C4243

#AA9898 - #8C4243

HSV Blend

#AA9898 - #8C4243 | 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 #AA9898 as 0% and #8C4243 as 100%.

0.0%	0.0% #AA9898	RGB 170 152 152	#AA9898
16.7%	16.7% #A58787	RGB 165 135 135	#A58787
33.3%	33.3% #A07878	RGB 160 120 120	#A07878
50.0%	50.0% #9B696A	RGB 155 105 106	#9B696A
66.7%	66.7% #965B5C	RGB 150 91 92	#965B5C
83.3%	83.3% #914E4F	RGB 145 78 79	#914E4F
100.0%	100.0% #8C4243	RGB 140 66 67	#8C4243

#AA9898 #A58787 #A07878 #9B696A #965B5C #914E4F #8C4243

#AA9898 - #9B696A - #8C4243

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9898 0%, #9B696A 50%, #8C4243 100%);
    background: -webkit-linear-gradient(top, #AA9898 0%, #9B696A 50%, #8C4243 100%);
    background: linear-gradient(to bottom, #AA9898 0%, #9B696A 50%, #8C4243 100%);
}
</style>