#ADA1A8 - #804B59 | 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 #ADA1A8 to #804B59

#ADA1A8 #804B59

Calculate the color between two colors, #ADA1A8 and #804B59. 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)

#ADA1A8 - #804B59 | 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 #ADA1A8 as 0% and #804B59 as 100%.

0.0%	0.0% #ADA1A8	RGB 173 161 168	#ADA1A8
16.7%	16.7% #A5929A	RGB 165 146 154	#A5929A
33.3%	33.3% #9E848D	RGB 158 132 141	#9E848D
50.0%	50.0% #967680	RGB 150 118 128	#967680
66.7%	66.7% #8F6773	RGB 143 103 115	#8F6773
83.3%	83.3% #875966	RGB 135 89 102	#875966
100.0%	100.0% #804B59	RGB 128 75 89	#804B59

#ADA1A8 #A5929A #9E848D #967680 #8F6773 #875966 #804B59

#ADA1A8 - #804B59

HSV Blend

#ADA1A8 - #804B59 | 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 #ADA1A8 as 0% and #804B59 as 100%.

0.0%	0.0% #ADA1A8	RGB 173 161 168	#ADA1A8
16.7%	16.7% #A5909B	RGB 165 144 155	#A5909B
33.3%	33.3% #9E808E	RGB 158 128 142	#9E808E
50.0%	50.0% #967281	RGB 150 114 129	#967281
66.7%	66.7% #8F6474	RGB 143 100 116	#8F6474
83.3%	83.3% #875766	RGB 135 87 102	#875766
100.0%	100.0% #804B59	RGB 128 75 89	#804B59

#ADA1A8 #A5909B #9E808E #967281 #8F6474 #875766 #804B59

#ADA1A8 - #967281 - #804B59

CSS codes

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

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