#A8A2B7 - #61476C | 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 #A8A2B7 to #61476C

#A8A2B7 #61476C

Calculate the color between two colors, #A8A2B7 and #61476C. 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)

#A8A2B7 - #61476C | 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 #A8A2B7 as 0% and #61476C as 100%.

0.0%	0.0% #A8A2B7	RGB 168 162 183	#A8A2B7
16.7%	16.7% #9C92AA	RGB 156 146 170	#9C92AA
33.3%	33.3% #90839E	RGB 144 131 158	#90839E
50.0%	50.0% #847491	RGB 132 116 145	#847491
66.7%	66.7% #786585	RGB 120 101 133	#786585
83.3%	83.3% #6C5678	RGB 108 86 120	#6C5678
100.0%	100.0% #61476C	RGB 97 71 108	#61476C

#A8A2B7 #9C92AA #90839E #847491 #786585 #6C5678 #61476C

#A8A2B7 - #61476C

HSV Blend

#A8A2B7 - #61476C | 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 #A8A2B7 as 0% and #61476C as 100%.

0.0%	0.0% #A8A2B7	RGB 168 162 183	#A8A2B7
16.7%	16.7% #9990AA	RGB 153 144 170	#9990AA
33.3%	33.3% #8C7F9E	RGB 140 127 158	#8C7F9E
50.0%	50.0% #807091	RGB 128 112 145	#807091
66.7%	66.7% #756185	RGB 117 97 133	#756185
83.3%	83.3% #6B5378	RGB 107 83 120	#6B5378
100.0%	100.0% #61476C	RGB 97 71 108	#61476C

#A8A2B7 #9990AA #8C7F9E #807091 #756185 #6B5378 #61476C

#A8A2B7 - #807091 - #61476C

CSS codes

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

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