#8D8C84 - #A8AADB | 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 #8D8C84 to #A8AADB

#8D8C84 #A8AADB

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

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

0.0%	0.0% #8D8C84	RGB 141 140 132	#8D8C84
16.7%	16.7% #919192	RGB 145 145 146	#919192
33.3%	33.3% #9696A1	RGB 150 150 161	#9696A1
50.0%	50.0% #9A9BAF	RGB 154 155 175	#9A9BAF
66.7%	66.7% #9FA0BE	RGB 159 160 190	#9FA0BE
83.3%	83.3% #A3A5CC	RGB 163 165 204	#A3A5CC
100.0%	100.0% #A8AADB	RGB 168 170 219	#A8AADB

#8D8C84 #919192 #9696A1 #9A9BAF #9FA0BE #A3A5CC #A8AADB

#8D8C84 - #A8AADB

HSV Blend

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

0.0%	0.0% #8D8C84	RGB 141 140 132	#8D8C84
16.7%	16.7% #9A918B	RGB 154 145 139	#9A918B
33.3%	33.3% #A79294	RGB 167 146 148	#A79294
50.0%	50.0% #B499A8	RGB 180 153 168	#B499A8
66.7%	66.7% #BE9EC1	RGB 190 158 193	#BE9EC1
83.3%	83.3% #B6A3CE	RGB 182 163 206	#B6A3CE
100.0%	100.0% #A8AADB	RGB 168 170 219	#A8AADB

#8D8C84 #9A918B #A79294 #B499A8 #BE9EC1 #B6A3CE #A8AADB

#8D8C84 - #B499A8 - #A8AADB

CSS codes

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

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