#B45DFF - #FFBDF1 | 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 #B45DFF to #FFBDF1

#B45DFF #FFBDF1

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

#B45DFF - #FFBDF1 | 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 #B45DFF as 0% and #FFBDF1 as 100%.

0.0%	0.0% #B45DFF	RGB 180 93 255	#B45DFF
16.7%	16.7% #C06DFC	RGB 192 109 252	#C06DFC
33.3%	33.3% #CD7DFA	RGB 205 125 250	#CD7DFA
50.0%	50.0% #D98DF8	RGB 217 141 248	#D98DF8
66.7%	66.7% #E69DF5	RGB 230 157 245	#E69DF5
83.3%	83.3% #F2ADF3	RGB 242 173 243	#F2ADF3
100.0%	100.0% #FFBDF1	RGB 255 189 241	#FFBDF1

#B45DFF #C06DFC #CD7DFA #D98DF8 #E69DF5 #F2ADF3 #FFBDF1

#B45DFF - #FFBDF1

HSV Blend

#B45DFF - #FFBDF1 | 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 #B45DFF as 0% and #FFBDF1 as 100%.

0.0%	0.0% #B45DFF	RGB 180 93 255	#B45DFF
16.7%	16.7% #CB6DFF	RGB 203 109 255	#CB6DFF
33.3%	33.3% #E07DFF	RGB 224 125 255	#E07DFF
50.0%	50.0% #F08DFF	RGB 240 141 255	#F08DFF
66.7%	66.7% #FD9DFF	RGB 253 157 255	#FD9DFF
83.3%	83.3% #FFADF6	RGB 255 173 246	#FFADF6
100.0%	100.0% #FFBDF1	RGB 255 189 241	#FFBDF1

#B45DFF #CB6DFF #E07DFF #F08DFF #FD9DFF #FFADF6 #FFBDF1

#B45DFF - #F08DFF - #FFBDF1

CSS codes

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

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