#B8A8A8 - #72495C | 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 #B8A8A8 to #72495C

#B8A8A8 #72495C

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

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

0.0%	0.0% #B8A8A8	RGB 184 168 168	#B8A8A8
16.7%	16.7% #AC989B	RGB 172 152 155	#AC989B
33.3%	33.3% #A0888E	RGB 160 136 142	#A0888E
50.0%	50.0% #957882	RGB 149 120 130	#957882
66.7%	66.7% #896875	RGB 137 104 117	#896875
83.3%	83.3% #7D5868	RGB 125 88 104	#7D5868
100.0%	100.0% #72495C	RGB 114 73 92	#72495C

#B8A8A8 #AC989B #A0888E #957882 #896875 #7D5868 #72495C

#B8A8A8 - #72495C

HSV Blend

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

0.0%	0.0% #B8A8A8	RGB 184 168 168	#B8A8A8
16.7%	16.7% #AC9597	RGB 172 149 151	#AC9597
33.3%	33.3% #A08488	RGB 160 132 136	#A08488
50.0%	50.0% #95737B	RGB 149 115 123	#95737B
66.7%	66.7% #89646F	RGB 137 100 111	#89646F
83.3%	83.3% #7D5665	RGB 125 86 101	#7D5665
100.0%	100.0% #72495C	RGB 114 73 92	#72495C

#B8A8A8 #AC9597 #A08488 #95737B #89646F #7D5665 #72495C

#B8A8A8 - #95737B - #72495C

CSS codes

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

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