#9F9AA2 - #FEB8FF | 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 #9F9AA2 to #FEB8FF

#9F9AA2 #FEB8FF

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

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

0.0%	0.0% #9F9AA2	RGB 159 154 162	#9F9AA2
16.7%	16.7% #AE9FB1	RGB 174 159 177	#AE9FB1
33.3%	33.3% #BEA4C1	RGB 190 164 193	#BEA4C1
50.0%	50.0% #CEA9D0	RGB 206 169 208	#CEA9D0
66.7%	66.7% #DEAEE0	RGB 222 174 224	#DEAEE0
83.3%	83.3% #EEB3EF	RGB 238 179 239	#EEB3EF
100.0%	100.0% #FEB8FF	RGB 254 184 255	#FEB8FF

#9F9AA2 #AE9FB1 #BEA4C1 #CEA9D0 #DEAEE0 #EEB3EF #FEB8FF

#9F9AA2 - #FEB8FF

HSV Blend

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

0.0%	0.0% #9F9AA2	RGB 159 154 162	#9F9AA2
16.7%	16.7% #ACA1B1	RGB 172 161 177	#ACA1B1
33.3%	33.3% #BAA8C1	RGB 186 168 193	#BAA8C1
50.0%	50.0% #C9AED0	RGB 201 174 208	#C9AED0
66.7%	66.7% #D9B2E0	RGB 217 178 224	#D9B2E0
83.3%	83.3% #EBB5EF	RGB 235 181 239	#EBB5EF
100.0%	100.0% #FEB8FF	RGB 254 184 255	#FEB8FF

#9F9AA2 #ACA1B1 #BAA8C1 #C9AED0 #D9B2E0 #EBB5EF #FEB8FF

#9F9AA2 - #C9AED0 - #FEB8FF

CSS codes

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

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