#9F9DDA - #FFD5D9 | 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 #9F9DDA to #FFD5D9

#9F9DDA #FFD5D9

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

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

0.0%	0.0% #9F9DDA	RGB 159 157 218	#9F9DDA
16.7%	16.7% #AFA6D9	RGB 175 166 217	#AFA6D9
33.3%	33.3% #BFAFD9	RGB 191 175 217	#BFAFD9
50.0%	50.0% #CFB9D9	RGB 207 185 217	#CFB9D9
66.7%	66.7% #DFC2D9	RGB 223 194 217	#DFC2D9
83.3%	83.3% #EFCBD9	RGB 239 203 217	#EFCBD9
100.0%	100.0% #FFD5D9	RGB 255 213 217	#FFD5D9

#9F9DDA #AFA6D9 #BFAFD9 #CFB9D9 #DFC2D9 #EFCBD9 #FFD5D9

#9F9DDA - #FFD5D9

HSV Blend

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

0.0%	0.0% #9E9DDA	RGB 158 157 218	#9E9DDA
16.7%	16.7% #B9A5E0	RGB 185 165 224	#B9A5E0
33.3%	33.3% #D3AEE6	RGB 211 174 230	#D3AEE6
50.0%	50.0% #EAB7EC	RGB 234 183 236	#EAB7EC
66.7%	66.7% #F2C1E4	RGB 242 193 228	#F2C1E4
83.3%	83.3% #F8CBDD	RGB 248 203 221	#F8CBDD
100.0%	100.0% #FFD5D9	RGB 255 213 217	#FFD5D9

#9E9DDA #B9A5E0 #D3AEE6 #EAB7EC #F2C1E4 #F8CBDD #FFD5D9

#9F9DDA - #EAB7EC - #FFD5D9

CSS codes

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

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