#B084DD - #FCA8F8 | 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 #B084DD to #FCA8F8

#B084DD #FCA8F8

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

#B084DD - #FCA8F8 | 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 #B084DD as 0% and #FCA8F8 as 100%.

0.0%	0.0% #B084DD	RGB 176 132 221	#B084DD
16.7%	16.7% #BC8AE1	RGB 188 138 225	#BC8AE1
33.3%	33.3% #C990E6	RGB 201 144 230	#C990E6
50.0%	50.0% #D696EA	RGB 214 150 234	#D696EA
66.7%	66.7% #E29CEF	RGB 226 156 239	#E29CEF
83.3%	83.3% #EFA2F3	RGB 239 162 243	#EFA2F3
100.0%	100.0% #FCA8F8	RGB 252 168 248	#FCA8F8

#B084DD #BC8AE1 #C990E6 #D696EA #E29CEF #EFA2F3 #FCA8F8

#B084DD - #FCA8F8

HSV Blend

#B084DD - #FCA8F8 | 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 #B084DD as 0% and #FCA8F8 as 100%.

0.0%	0.0% #B084DD	RGB 176 132 221	#B084DD
16.7%	16.7% #BD89E2	RGB 189 137 226	#BD89E2
33.3%	33.3% #CB8FE7	RGB 203 143 231	#CB8FE7
50.0%	50.0% #D895EC	RGB 216 149 236	#D895EC
66.7%	66.7% #E59BF1	RGB 229 155 241	#E59BF1
83.3%	83.3% #F3A1F6	RGB 243 161 246	#F3A1F6
100.0%	100.0% #FCA8F8	RGB 252 168 248	#FCA8F8

#B084DD #BD89E2 #CB8FE7 #D895EC #E59BF1 #F3A1F6 #FCA8F8

#B084DD - #D895EC - #FCA8F8

CSS codes

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

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