#9F97A6 - #FEB6FF | 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 #9F97A6 to #FEB6FF

#9F97A6 #FEB6FF

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

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

0.0%	0.0% #9F97A6	RGB 159 151 166	#9F97A6
16.7%	16.7% #AE9CB4	RGB 174 156 180	#AE9CB4
33.3%	33.3% #BEA1C3	RGB 190 161 195	#BEA1C3
50.0%	50.0% #CEA6D2	RGB 206 166 210	#CEA6D2
66.7%	66.7% #DEABE1	RGB 222 171 225	#DEABE1
83.3%	83.3% #EEB0F0	RGB 238 176 240	#EEB0F0
100.0%	100.0% #FEB6FF	RGB 254 182 255	#FEB6FF

#9F97A6 #AE9CB4 #BEA1C3 #CEA6D2 #DEABE1 #EEB0F0 #FEB6FF

#9F97A6 - #FEB6FF

HSV Blend

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

0.0%	0.0% #9F97A6	RGB 159 151 166	#9F97A6
16.7%	16.7% #AC9EB4	RGB 172 158 180	#AC9EB4
33.3%	33.3% #BAA5C3	RGB 186 165 195	#BAA5C3
50.0%	50.0% #C8AAD2	RGB 200 170 210	#C8AAD2
66.7%	66.7% #D9AFE1	RGB 217 175 225	#D9AFE1
83.3%	83.3% #EAB3F0	RGB 234 179 240	#EAB3F0
100.0%	100.0% #FEB6FF	RGB 254 182 255	#FEB6FF

#9F97A6 #AC9EB4 #BAA5C3 #C8AAD2 #D9AFE1 #EAB3F0 #FEB6FF

#9F97A6 - #C8AAD2 - #FEB6FF

CSS codes

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

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