#9D9FAC - #FCC0FF | 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 #9D9FAC to #FCC0FF

#9D9FAC #FCC0FF

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

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

0.0%	0.0% #9D9FAC	RGB 157 159 172	#9D9FAC
16.7%	16.7% #ACA4B9	RGB 172 164 185	#ACA4B9
33.3%	33.3% #BCAAC7	RGB 188 170 199	#BCAAC7
50.0%	50.0% #CCAFD5	RGB 204 175 213	#CCAFD5
66.7%	66.7% #DCB5E3	RGB 220 181 227	#DCB5E3
83.3%	83.3% #ECBAF1	RGB 236 186 241	#ECBAF1
100.0%	100.0% #FCC0FF	RGB 252 192 255	#FCC0FF

#9D9FAC #ACA4B9 #BCAAC7 #CCAFD5 #DCB5E3 #ECBAF1 #FCC0FF

#9D9FAC - #FCC0FF

HSV Blend

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

0.0%	0.0% #9D9FAC	RGB 157 159 172	#9D9FAC
16.7%	16.7% #A5A4B9	RGB 165 164 185	#A5A4B9
33.3%	33.3% #B2ABC7	RGB 178 171 199	#B2ABC7
50.0%	50.0% #C0B1D5	RGB 192 177 213	#C0B1D5
66.7%	66.7% #D1B7E3	RGB 209 183 227	#D1B7E3
83.3%	83.3% #E5BCF1	RGB 229 188 241	#E5BCF1
100.0%	100.0% #FCC0FF	RGB 252 192 255	#FCC0FF

#9D9FAC #A5A4B9 #B2ABC7 #C0B1D5 #D1B7E3 #E5BCF1 #FCC0FF

#9D9FAC - #C0B1D5 - #FCC0FF

CSS codes

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

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