#9F9C9C - #FAADFC | 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 #9F9C9C to #FAADFC

#9F9C9C #FAADFC

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

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

0.0%	0.0% #9F9C9C	RGB 159 156 156	#9F9C9C
16.7%	16.7% #AE9EAC	RGB 174 158 172	#AE9EAC
33.3%	33.3% #BDA1BC	RGB 189 161 188	#BDA1BC
50.0%	50.0% #CCA4CC	RGB 204 164 204	#CCA4CC
66.7%	66.7% #DBA7DC	RGB 219 167 220	#DBA7DC
83.3%	83.3% #EAAAEC	RGB 234 170 236	#EAAAEC
100.0%	100.0% #FAADFC	RGB 250 173 252	#FAADFC

#9F9C9C #AE9EAC #BDA1BC #CCA4CC #DBA7DC #EAAAEC #FAADFC

#9F9C9C - #FAADFC

HSV Blend

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

0.0%	0.0% #9F9C9C	RGB 159 156 156	#9F9C9C
16.7%	16.7% #AEA2A4	RGB 174 162 164	#AEA2A4
33.3%	33.3% #BEA7AF	RGB 190 167 175	#BEA7AF
50.0%	50.0% #CDABBC	RGB 205 171 188	#CDABBC
66.7%	66.7% #DDADCD	RGB 221 173 205	#DDADCD
83.3%	83.3% #ECADE3	RGB 236 173 227	#ECADE3
100.0%	100.0% #FAADFC	RGB 250 173 252	#FAADFC

#9F9C9C #AEA2A4 #BEA7AF #CDABBC #DDADCD #ECADE3 #FAADFC

#9F9C9C - #CDABBC - #FAADFC

CSS codes

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

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