#987D9A - #FD9AFB | 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 #987D9A to #FD9AFB

#987D9A #FD9AFB

Calculate the color between two colors, #987D9A and #FD9AFB. 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)

#987D9A - #FD9AFB | 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 #987D9A as 0% and #FD9AFB as 100%.

0.0%	0.0% #987D9A	RGB 152 125 154	#987D9A
16.7%	16.7% #A881AA	RGB 168 129 170	#A881AA
33.3%	33.3% #B986BA	RGB 185 134 186	#B986BA
50.0%	50.0% #CA8BCA	RGB 202 139 202	#CA8BCA
66.7%	66.7% #DB90DA	RGB 219 144 218	#DB90DA
83.3%	83.3% #EC95EA	RGB 236 149 234	#EC95EA
100.0%	100.0% #FD9AFB	RGB 253 154 251	#FD9AFB

#987D9A #A881AA #B986BA #CA8BCA #DB90DA #EC95EA #FD9AFB

#987D9A - #FD9AFB

HSV Blend

#987D9A - #FD9AFB | 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 #987D9A as 0% and #FD9AFB as 100%.

0.0%	0.0% #987D9A	RGB 152 125 154	#987D9A
16.7%	16.7% #A884AA	RGB 168 132 170	#A884AA
33.3%	33.3% #B98BBB	RGB 185 139 187	#B98BBB
50.0%	50.0% #CA90CB	RGB 202 144 203	#CA90CB
66.7%	66.7% #DB94DC	RGB 219 148 220	#DB94DC
83.3%	83.3% #EC97EC	RGB 236 151 236	#EC97EC
100.0%	100.0% #FD9AFB	RGB 253 154 251	#FD9AFB

#987D9A #A884AA #B98BBB #CA90CB #DB94DC #EC97EC #FD9AFB

#987D9A - #CA90CB - #FD9AFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #987D9A 0%, #CA90CB 50%, #FD9AFB 100%);
    background: -webkit-linear-gradient(top, #987D9A 0%, #CA90CB 50%, #FD9AFB 100%);
    background: linear-gradient(to bottom, #987D9A 0%, #CA90CB 50%, #FD9AFB 100%);
}
</style>