#AF9CDA - #FFE8D7 | 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 #AF9CDA to #FFE8D7

#AF9CDA #FFE8D7

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

#AF9CDA - #FFE8D7 | 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 #AF9CDA as 0% and #FFE8D7 as 100%.

0.0%	0.0% #AF9CDA	RGB 175 156 218	#AF9CDA
16.7%	16.7% #BCA8D9	RGB 188 168 217	#BCA8D9
33.3%	33.3% #C9B5D9	RGB 201 181 217	#C9B5D9
50.0%	50.0% #D7C2D8	RGB 215 194 216	#D7C2D8
66.7%	66.7% #E4CED8	RGB 228 206 216	#E4CED8
83.3%	83.3% #F1DBD7	RGB 241 219 215	#F1DBD7
100.0%	100.0% #FFE8D7	RGB 255 232 215	#FFE8D7

#AF9CDA #BCA8D9 #C9B5D9 #D7C2D8 #E4CED8 #F1DBD7 #FFE8D7

#AF9CDA - #FFE8D7

HSV Blend

#AF9CDA - #FFE8D7 | 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 #AF9CDA as 0% and #FFE8D7 as 100%.

0.0%	0.0% #AE9CDA	RGB 174 156 218	#AE9CDA
16.7%	16.7% #CCA5E0	RGB 204 165 224	#CCA5E0
33.3%	33.3% #E6AEE5	RGB 230 174 229	#E6AEE5
50.0%	50.0% #ECB8D9	RGB 236 184 217	#ECB8D9
66.7%	66.7% #F2C2CF	RGB 242 194 207	#F2C2CF
83.3%	83.3% #F8CFCC	RGB 248 207 204	#F8CFCC
100.0%	100.0% #FFE8D7	RGB 255 232 215	#FFE8D7

#AE9CDA #CCA5E0 #E6AEE5 #ECB8D9 #F2C2CF #F8CFCC #FFE8D7

#AF9CDA - #ECB8D9 - #FFE8D7

CSS codes

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

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