#AF9CD5 - #FFDBD1 | 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 #AF9CD5 to #FFDBD1

#AF9CD5 #FFDBD1

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

#AF9CD5 - #FFDBD1 | 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 #AF9CD5 as 0% and #FFDBD1 as 100%.

0.0%	0.0% #AF9CD5	RGB 175 156 213	#AF9CD5
16.7%	16.7% #BCA6D4	RGB 188 166 212	#BCA6D4
33.3%	33.3% #C9B1D3	RGB 201 177 211	#C9B1D3
50.0%	50.0% #D7BBD3	RGB 215 187 211	#D7BBD3
66.7%	66.7% #E4C6D2	RGB 228 198 210	#E4C6D2
83.3%	83.3% #F1D0D1	RGB 241 208 209	#F1D0D1
100.0%	100.0% #FFDBD1	RGB 255 219 209	#FFDBD1

#AF9CD5 #BCA6D4 #C9B1D3 #D7BBD3 #E4C6D2 #F1D0D1 #FFDBD1

#AF9CD5 - #FFDBD1

HSV Blend

#AF9CD5 - #FFDBD1 | 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 #AF9CD5 as 0% and #FFDBD1 as 100%.

0.0%	0.0% #AF9CD5	RGB 175 156 213	#AF9CD5
16.7%	16.7% #C8A4DC	RGB 200 164 220	#C8A4DC
33.3%	33.3% #E0ACE3	RGB 224 172 227	#E0ACE3
50.0%	50.0% #EAB5DB	RGB 234 181 219	#EAB5DB
66.7%	66.7% #F1BED3	RGB 241 190 211	#F1BED3
83.3%	83.3% #F8C7CC	RGB 248 199 204	#F8C7CC
100.0%	100.0% #FFDBD1	RGB 255 219 209	#FFDBD1

#AF9CD5 #C8A4DC #E0ACE3 #EAB5DB #F1BED3 #F8C7CC #FFDBD1

#AF9CD5 - #EAB5DB - #FFDBD1

CSS codes

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

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