#947D9A - #FC9CFB | 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 #947D9A to #FC9CFB

#947D9A #FC9CFB

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

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

0.0%	0.0% #947D9A	RGB 148 125 154	#947D9A
16.7%	16.7% #A582AA	RGB 165 130 170	#A582AA
33.3%	33.3% #B687BA	RGB 182 135 186	#B687BA
50.0%	50.0% #C88CCA	RGB 200 140 202	#C88CCA
66.7%	66.7% #D991DA	RGB 217 145 218	#D991DA
83.3%	83.3% #EA96EA	RGB 234 150 234	#EA96EA
100.0%	100.0% #FC9CFB	RGB 252 156 251	#FC9CFB

#947D9A #A582AA #B687BA #C88CCA #D991DA #EA96EA #FC9CFB

#947D9A - #FC9CFB

HSV Blend

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

0.0%	0.0% #947D9A	RGB 148 125 154	#947D9A
16.7%	16.7% #A384AA	RGB 163 132 170	#A384AA
33.3%	33.3% #B48BBA	RGB 180 139 186	#B48BBA
50.0%	50.0% #C591CB	RGB 197 145 203	#C591CB
66.7%	66.7% #D795DB	RGB 215 149 219	#D795DB
83.3%	83.3% #E999EB	RGB 233 153 235	#E999EB
100.0%	100.0% #FC9CFB	RGB 252 156 251	#FC9CFB

#947D9A #A384AA #B48BBA #C591CB #D795DB #E999EB #FC9CFB

#947D9A - #C591CB - #FC9CFB

CSS codes

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

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