#BB85DD - #FCA8F3 | 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 #BB85DD to #FCA8F3

#BB85DD #FCA8F3

Calculate the color between two colors, #BB85DD and #FCA8F3. 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)

#BB85DD - #FCA8F3 | 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 #BB85DD as 0% and #FCA8F3 as 100%.

0.0%	0.0% #BB85DD	RGB 187 133 221	#BB85DD
16.7%	16.7% #C58AE0	RGB 197 138 224	#C58AE0
33.3%	33.3% #D090E4	RGB 208 144 228	#D090E4
50.0%	50.0% #DB96E8	RGB 219 150 232	#DB96E8
66.7%	66.7% #E69CEB	RGB 230 156 235	#E69CEB
83.3%	83.3% #F1A2EF	RGB 241 162 239	#F1A2EF
100.0%	100.0% #FCA8F3	RGB 252 168 243	#FCA8F3

#BB85DD #C58AE0 #D090E4 #DB96E8 #E69CEB #F1A2EF #FCA8F3

#BB85DD - #FCA8F3

HSV Blend

#BB85DD - #FCA8F3 | 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 #BB85DD as 0% and #FCA8F3 as 100%.

0.0%	0.0% #BB85DD	RGB 187 133 221	#BB85DD
16.7%	16.7% #C78AE2	RGB 199 138 226	#C78AE2
33.3%	33.3% #D490E7	RGB 212 144 231	#D490E7
50.0%	50.0% #E095EC	RGB 224 149 236	#E095EC
66.7%	66.7% #EC9BF1	RGB 236 155 241	#EC9BF1
83.3%	83.3% #F6A1F4	RGB 246 161 244	#F6A1F4
100.0%	100.0% #FCA8F3	RGB 252 168 243	#FCA8F3

#BB85DD #C78AE2 #D490E7 #E095EC #EC9BF1 #F6A1F4 #FCA8F3

#BB85DD - #E095EC - #FCA8F3

CSS codes

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

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