#9F98CE - #FFC9D9 | 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 #9F98CE to #FFC9D9

#9F98CE #FFC9D9

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

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

0.0%	0.0% #9F98CE	RGB 159 152 206	#9F98CE
16.7%	16.7% #AFA0CF	RGB 175 160 207	#AFA0CF
33.3%	33.3% #BFA8D1	RGB 191 168 209	#BFA8D1
50.0%	50.0% #CFB0D3	RGB 207 176 211	#CFB0D3
66.7%	66.7% #DFB8D5	RGB 223 184 213	#DFB8D5
83.3%	83.3% #EFC0D7	RGB 239 192 215	#EFC0D7
100.0%	100.0% #FFC9D9	RGB 255 201 217	#FFC9D9

#9F98CE #AFA0CF #BFA8D1 #CFB0D3 #DFB8D5 #EFC0D7 #FFC9D9

#9F98CE - #FFC9D9

HSV Blend

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

0.0%	0.0% #9F98CE	RGB 159 152 206	#9F98CE
16.7%	16.7% #B59FD6	RGB 181 159 214	#B59FD6
33.3%	33.3% #CBA7DE	RGB 203 167 222	#CBA7DE
50.0%	50.0% #E1AFE6	RGB 225 175 230	#E1AFE6
66.7%	66.7% #EEB8E4	RGB 238 184 228	#EEB8E4
83.3%	83.3% #F6C0DE	RGB 246 192 222	#F6C0DE
100.0%	100.0% #FFC9D9	RGB 255 201 217	#FFC9D9

#9F98CE #B59FD6 #CBA7DE #E1AFE6 #EEB8E4 #F6C0DE #FFC9D9

#9F98CE - #E1AFE6 - #FFC9D9

CSS codes

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

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