#9F80DA - #FACEDB | 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 #9F80DA to #FACEDB

#9F80DA #FACEDB

Calculate the color between two colors, #9F80DA and #FACEDB. 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)

#9F80DA - #FACEDB | 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 #9F80DA as 0% and #FACEDB as 100%.

0.0%	0.0% #9F80DA	RGB 159 128 218	#9F80DA
16.7%	16.7% #AE8DDA	RGB 174 141 218	#AE8DDA
33.3%	33.3% #BD9ADA	RGB 189 154 218	#BD9ADA
50.0%	50.0% #CCA7DA	RGB 204 167 218	#CCA7DA
66.7%	66.7% #DBB4DA	RGB 219 180 218	#DBB4DA
83.3%	83.3% #EAC1DA	RGB 234 193 218	#EAC1DA
100.0%	100.0% #FACEDB	RGB 250 206 219	#FACEDB

#9F80DA #AE8DDA #BD9ADA #CCA7DA #DBB4DA #EAC1DA #FACEDB

#9F80DA - #FACEDB

HSV Blend

#9F80DA - #FACEDB | 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 #9F80DA as 0% and #FACEDB as 100%.

0.0%	0.0% #9F80DA	RGB 159 128 218	#9F80DA
16.7%	16.7% #BB8BDF	RGB 187 139 223	#BB8BDF
33.3%	33.3% #D598E4	RGB 213 152 228	#D598E4
50.0%	50.0% #EAA5E8	RGB 234 165 232	#EAA5E8
66.7%	66.7% #EFB2E0	RGB 239 178 224	#EFB2E0
83.3%	83.3% #F4BFDB	RGB 244 191 219	#F4BFDB
100.0%	100.0% #FACEDB	RGB 250 206 219	#FACEDB

#9F80DA #BB8BDF #D598E4 #EAA5E8 #EFB2E0 #F4BFDB #FACEDB

#9F80DA - #EAA5E8 - #FACEDB

CSS codes

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

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