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

#9A99D9 #FFDAD7

Calculate the color between two colors, #9A99D9 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)

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

0.0%	0.0% #9A99D9	RGB 154 153 217	#9A99D9
16.7%	16.7% #AAA3D8	RGB 170 163 216	#AAA3D8
33.3%	33.3% #BBAED8	RGB 187 174 216	#BBAED8
50.0%	50.0% #CCB9D8	RGB 204 185 216	#CCB9D8
66.7%	66.7% #DDC4D7	RGB 221 196 215	#DDC4D7
83.3%	83.3% #EECFD7	RGB 238 207 215	#EECFD7
100.0%	100.0% #FFDAD7	RGB 255 218 215	#FFDAD7

#9A99D9 #AAA3D8 #BBAED8 #CCB9D8 #DDC4D7 #EECFD7 #FFDAD7

#9A99D9 - #FFDAD7

HSV Blend

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

0.0%	0.0% #9A99D9	RGB 154 153 217	#9A99D9
16.7%	16.7% #B8A2DF	RGB 184 162 223	#B8A2DF
33.3%	33.3% #D4ACE5	RGB 212 172 229	#D4ACE5
50.0%	50.0% #ECB6E9	RGB 236 182 233	#ECB6E9
66.7%	66.7% #F2C1DF	RGB 242 193 223	#F2C1DF
83.3%	83.3% #F8CBD7	RGB 248 203 215	#F8CBD7
100.0%	100.0% #FFDAD7	RGB 255 218 215	#FFDAD7

#9A99D9 #B8A2DF #D4ACE5 #ECB6E9 #F2C1DF #F8CBD7 #FFDAD7

#9A99D9 - #ECB6E9 - #FFDAD7

CSS codes

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

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