#AF9FA5 - #EBB5E9 | 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 #AF9FA5 to #EBB5E9

#AF9FA5 #EBB5E9

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

#AF9FA5 - #EBB5E9 | 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 #AF9FA5 as 0% and #EBB5E9 as 100%.

0.0%	0.0% #AF9FA5	RGB 175 159 165	#AF9FA5
16.7%	16.7% #B9A2B0	RGB 185 162 176	#B9A2B0
33.3%	33.3% #C3A6BB	RGB 195 166 187	#C3A6BB
50.0%	50.0% #CDAAC7	RGB 205 170 199	#CDAAC7
66.7%	66.7% #D7ADD2	RGB 215 173 210	#D7ADD2
83.3%	83.3% #E1B1DD	RGB 225 177 221	#E1B1DD
100.0%	100.0% #EBB5E9	RGB 235 181 233	#EBB5E9

#AF9FA5 #B9A2B0 #C3A6BB #CDAAC7 #D7ADD2 #E1B1DD #EBB5E9

#AF9FA5 - #EBB5E9

HSV Blend

#AF9FA5 - #EBB5E9 | 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 #AF9FA5 as 0% and #EBB5E9 as 100%.

0.0%	0.0% #AF9FA5	RGB 175 159 165	#AF9FA5
16.7%	16.7% #B9A3AD	RGB 185 163 173	#B9A3AD
33.3%	33.3% #C3A8B7	RGB 195 168 183	#C3A8B7
50.0%	50.0% #CDACC2	RGB 205 172 194	#CDACC2
66.7%	66.7% #D7AFCD	RGB 215 175 205	#D7AFCD
83.3%	83.3% #E1B2DA	RGB 225 178 218	#E1B2DA
100.0%	100.0% #EBB5E9	RGB 235 181 233	#EBB5E9

#AF9FA5 #B9A3AD #C3A8B7 #CDACC2 #D7AFCD #E1B2DA #EBB5E9

#AF9FA5 - #CDACC2 - #EBB5E9

CSS codes

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

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