#AF99D5 - #FFDAD1 | 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 #AF99D5 to #FFDAD1

#AF99D5 #FFDAD1

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

#AF99D5 - #FFDAD1 | 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 #AF99D5 as 0% and #FFDAD1 as 100%.

0.0%	0.0% #AF99D5	RGB 175 153 213	#AF99D5
16.7%	16.7% #BCA3D4	RGB 188 163 212	#BCA3D4
33.3%	33.3% #C9AED3	RGB 201 174 211	#C9AED3
50.0%	50.0% #D7B9D3	RGB 215 185 211	#D7B9D3
66.7%	66.7% #E4C4D2	RGB 228 196 210	#E4C4D2
83.3%	83.3% #F1CFD1	RGB 241 207 209	#F1CFD1
100.0%	100.0% #FFDAD1	RGB 255 218 209	#FFDAD1

#AF99D5 #BCA3D4 #C9AED3 #D7B9D3 #E4C4D2 #F1CFD1 #FFDAD1

#AF99D5 - #FFDAD1

HSV Blend

#AF99D5 - #FFDAD1 | 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 #AF99D5 as 0% and #FFDAD1 as 100%.

0.0%	0.0% #AF99D5	RGB 175 153 213	#AF99D5
16.7%	16.7% #C8A1DC	RGB 200 161 220	#C8A1DC
33.3%	33.3% #E1AAE3	RGB 225 170 227	#E1AAE3
50.0%	50.0% #EAB3DA	RGB 234 179 218	#EAB3DA
66.7%	66.7% #F1BDD2	RGB 241 189 210	#F1BDD2
83.3%	83.3% #F8C7CC	RGB 248 199 204	#F8C7CC
100.0%	100.0% #FFDAD1	RGB 255 218 209	#FFDAD1

#AF99D5 #C8A1DC #E1AAE3 #EAB3DA #F1BDD2 #F8C7CC #FFDAD1

#AF99D5 - #EAB3DA - #FFDAD1

CSS codes

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

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