#987BA7 - #FA9CFD | 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 #987BA7 to #FA9CFD

#987BA7 #FA9CFD

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

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

0.0%	0.0% #987BA7	RGB 152 123 167	#987BA7
16.7%	16.7% #A880B5	RGB 168 128 181	#A880B5
33.3%	33.3% #B886C3	RGB 184 134 195	#B886C3
50.0%	50.0% #C98BD2	RGB 201 139 210	#C98BD2
66.7%	66.7% #D991E0	RGB 217 145 224	#D991E0
83.3%	83.3% #E996EE	RGB 233 150 238	#E996EE
100.0%	100.0% #FA9CFD	RGB 250 156 253	#FA9CFD

#987BA7 #A880B5 #B886C3 #C98BD2 #D991E0 #E996EE #FA9CFD

#987BA7 - #FA9CFD

HSV Blend

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

0.0%	0.0% #987BA7	RGB 152 123 167	#987BA7
16.7%	16.7% #A681B5	RGB 166 129 181	#A681B5
33.3%	33.3% #B588C3	RGB 181 136 195	#B588C3
50.0%	50.0% #C58ED2	RGB 197 142 210	#C58ED2
66.7%	66.7% #D593E0	RGB 213 147 224	#D593E0
83.3%	83.3% #E797EE	RGB 231 151 238	#E797EE
100.0%	100.0% #FA9CFD	RGB 250 156 253	#FA9CFD

#987BA7 #A681B5 #B588C3 #C58ED2 #D593E0 #E797EE #FA9CFD

#987BA7 - #C58ED2 - #FA9CFD

CSS codes

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

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