#9B8CAD - #FFAFEC | 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 #9B8CAD to #FFAFEC

#9B8CAD #FFAFEC

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

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

0.0%	0.0% #9B8CAD	RGB 155 140 173	#9B8CAD
16.7%	16.7% #AB91B7	RGB 171 145 183	#AB91B7
33.3%	33.3% #BC97C2	RGB 188 151 194	#BC97C2
50.0%	50.0% #CD9DCC	RGB 205 157 204	#CD9DCC
66.7%	66.7% #DDA3D7	RGB 221 163 215	#DDA3D7
83.3%	83.3% #EEA9E1	RGB 238 169 225	#EEA9E1
100.0%	100.0% #FFAFEC	RGB 255 175 236	#FFAFEC

#9B8CAD #AB91B7 #BC97C2 #CD9DCC #DDA3D7 #EEA9E1 #FFAFEC

#9B8CAD - #FFAFEC

HSV Blend

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

0.0%	0.0% #9B8CAD	RGB 155 140 173	#9B8CAD
16.7%	16.7% #AA93BA	RGB 170 147 186	#AA93BA
33.3%	33.3% #BB99C8	RGB 187 153 200	#BB99C8
50.0%	50.0% #CDA0D6	RGB 205 160 214	#CDA0D6
66.7%	66.7% #E2A5E3	RGB 226 165 227	#E2A5E3
83.3%	83.3% #F1AAE9	RGB 241 170 233	#F1AAE9
100.0%	100.0% #FFAFEC	RGB 255 175 236	#FFAFEC

#9B8CAD #AA93BA #BB99C8 #CDA0D6 #E2A5E3 #F1AAE9 #FFAFEC

#9B8CAD - #CDA0D6 - #FFAFEC

CSS codes

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

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