#ADA2AA - #FFB6FA | 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 #ADA2AA to #FFB6FA

#ADA2AA #FFB6FA

Calculate the color between two colors, #ADA2AA and #FFB6FA. 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)

#ADA2AA - #FFB6FA | 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 #ADA2AA as 0% and #FFB6FA as 100%.

0.0%	0.0% #ADA2AA	RGB 173 162 170	#ADA2AA
16.7%	16.7% #BAA5B7	RGB 186 165 183	#BAA5B7
33.3%	33.3% #C8A8C4	RGB 200 168 196	#C8A8C4
50.0%	50.0% #D6ACD2	RGB 214 172 210	#D6ACD2
66.7%	66.7% #E3AFDF	RGB 227 175 223	#E3AFDF
83.3%	83.3% #F1B2EC	RGB 241 178 236	#F1B2EC
100.0%	100.0% #FFB6FA	RGB 255 182 250	#FFB6FA

#ADA2AA #BAA5B7 #C8A8C4 #D6ACD2 #E3AFDF #F1B2EC #FFB6FA

#ADA2AA - #FFB6FA

HSV Blend

#ADA2AA - #FFB6FA | 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 #ADA2AA as 0% and #FFB6FA as 100%.

0.0%	0.0% #ADA2AA	RGB 173 162 170	#ADA2AA
16.7%	16.7% #BAA7B6	RGB 186 167 182	#BAA7B6
33.3%	33.3% #C8ACC2	RGB 200 172 194	#C8ACC2
50.0%	50.0% #D6B0CF	RGB 214 176 207	#D6B0CF
66.7%	66.7% #E3B3DD	RGB 227 179 221	#E3B3DD
83.3%	83.3% #F1B5EB	RGB 241 181 235	#F1B5EB
100.0%	100.0% #FFB6FA	RGB 255 182 250	#FFB6FA

#ADA2AA #BAA7B6 #C8ACC2 #D6B0CF #E3B3DD #F1B5EB #FFB6FA

#ADA2AA - #D6B0CF - #FFB6FA

CSS codes

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

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