#9F98DA - #FFDAD7 | 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 #9F98DA to #FFDAD7

#9F98DA #FFDAD7

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

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

0.0%	0.0% #9F98DA	RGB 159 152 218	#9F98DA
16.7%	16.7% #AFA3D9	RGB 175 163 217	#AFA3D9
33.3%	33.3% #BFAED9	RGB 191 174 217	#BFAED9
50.0%	50.0% #CFB9D8	RGB 207 185 216	#CFB9D8
66.7%	66.7% #DFC4D8	RGB 223 196 216	#DFC4D8
83.3%	83.3% #EFCFD7	RGB 239 207 215	#EFCFD7
100.0%	100.0% #FFDAD7	RGB 255 218 215	#FFDAD7

#9F98DA #AFA3D9 #BFAED9 #CFB9D8 #DFC4D8 #EFCFD7 #FFDAD7

#9F98DA - #FFDAD7

HSV Blend

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

0.0%	0.0% #9F98DA	RGB 159 152 218	#9F98DA
16.7%	16.7% #BCA1E0	RGB 188 161 224	#BCA1E0
33.3%	33.3% #D8ABE6	RGB 216 171 230	#D8ABE6
50.0%	50.0% #ECB6E7	RGB 236 182 231	#ECB6E7
66.7%	66.7% #F2C0DD	RGB 242 192 221	#F2C0DD
83.3%	83.3% #F8CBD7	RGB 248 203 215	#F8CBD7
100.0%	100.0% #FFDAD7	RGB 255 218 215	#FFDAD7

#9F98DA #BCA1E0 #D8ABE6 #ECB6E7 #F2C0DD #F8CBD7 #FFDAD7

#9F98DA - #ECB6E7 - #FFDAD7

CSS codes

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

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