#9D98AA - #FEB0FF | 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 #9D98AA to #FEB0FF

#9D98AA #FEB0FF

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

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

0.0%	0.0% #9D98AA	RGB 157 152 170	#9D98AA
16.7%	16.7% #AD9CB8	RGB 173 156 184	#AD9CB8
33.3%	33.3% #BDA0C6	RGB 189 160 198	#BDA0C6
50.0%	50.0% #CDA4D4	RGB 205 164 212	#CDA4D4
66.7%	66.7% #DDA8E2	RGB 221 168 226	#DDA8E2
83.3%	83.3% #EDACF0	RGB 237 172 240	#EDACF0
100.0%	100.0% #FEB0FF	RGB 254 176 255	#FEB0FF

#9D98AA #AD9CB8 #BDA0C6 #CDA4D4 #DDA8E2 #EDACF0 #FEB0FF

#9D98AA - #FEB0FF

HSV Blend

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

0.0%	0.0% #9D98AA	RGB 157 152 170	#9D98AA
16.7%	16.7% #A89EB8	RGB 168 158 184	#A89EB8
33.3%	33.3% #B5A3C6	RGB 181 163 198	#B5A3C6
50.0%	50.0% #C4A8D4	RGB 196 168 212	#C4A8D4
66.7%	66.7% #D5ABE2	RGB 213 171 226	#D5ABE2
83.3%	83.3% #E8AEF0	RGB 232 174 240	#E8AEF0
100.0%	100.0% #FEB0FF	RGB 254 176 255	#FEB0FF

#9D98AA #A89EB8 #B5A3C6 #C4A8D4 #D5ABE2 #E8AEF0 #FEB0FF

#9D98AA - #C4A8D4 - #FEB0FF

CSS codes

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

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