#AF9FA3 - #EDB9DA | 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 #AF9FA3 to #EDB9DA

#AF9FA3 #EDB9DA

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

#AF9FA3 - #EDB9DA | 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 #AF9FA3 as 0% and #EDB9DA as 100%.

0.0%	0.0% #AF9FA3	RGB 175 159 163	#AF9FA3
16.7%	16.7% #B9A3AC	RGB 185 163 172	#B9A3AC
33.3%	33.3% #C3A7B5	RGB 195 167 181	#C3A7B5
50.0%	50.0% #CEACBE	RGB 206 172 190	#CEACBE
66.7%	66.7% #D8B0C7	RGB 216 176 199	#D8B0C7
83.3%	83.3% #E2B4D0	RGB 226 180 208	#E2B4D0
100.0%	100.0% #EDB9DA	RGB 237 185 218	#EDB9DA

#AF9FA3 #B9A3AC #C3A7B5 #CEACBE #D8B0C7 #E2B4D0 #EDB9DA

#AF9FA3 - #EDB9DA

HSV Blend

#AF9FA3 - #EDB9DA | 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 #AF9FA3 as 0% and #EDB9DA as 100%.

0.0%	0.0% #AF9FA3	RGB 175 159 163	#AF9FA3
16.7%	16.7% #B9A4AA	RGB 185 164 170	#B9A4AA
33.3%	33.3% #C3A9B3	RGB 195 169 179	#C3A9B3
50.0%	50.0% #CEADBC	RGB 206 173 188	#CEADBC
66.7%	66.7% #D8B2C5	RGB 216 178 197	#D8B2C5
83.3%	83.3% #E2B5CF	RGB 226 181 207	#E2B5CF
100.0%	100.0% #EDB9DA	RGB 237 185 218	#EDB9DA

#AF9FA3 #B9A4AA #C3A9B3 #CEADBC #D8B2C5 #E2B5CF #EDB9DA

#AF9FA3 - #CEADBC - #EDB9DA

CSS codes

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

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