#BF4DEC - #E977FA | 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 #BF4DEC to #E977FA

#BF4DEC #E977FA

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

#BF4DEC - #E977FA | 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 #BF4DEC as 0% and #E977FA as 100%.

0.0%	0.0% #BF4DEC	RGB 191 77 236	#BF4DEC
16.7%	16.7% #C654EE	RGB 198 84 238	#C654EE
33.3%	33.3% #CD5BF0	RGB 205 91 240	#CD5BF0
50.0%	50.0% #D462F3	RGB 212 98 243	#D462F3
66.7%	66.7% #DB69F5	RGB 219 105 245	#DB69F5
83.3%	83.3% #E270F7	RGB 226 112 247	#E270F7
100.0%	100.0% #E977FA	RGB 233 119 250	#E977FA

#BF4DEC #C654EE #CD5BF0 #D462F3 #DB69F5 #E270F7 #E977FA

#BF4DEC - #E977FA

HSV Blend

#BF4DEC - #E977FA | 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 #BF4DEC as 0% and #E977FA as 100%.

0.0%	0.0% #BF4DEC	RGB 191 77 236	#BF4DEC
16.7%	16.7% #C653EE	RGB 198 83 238	#C653EE
33.3%	33.3% #CD5AF0	RGB 205 90 240	#CD5AF0
50.0%	50.0% #D461F3	RGB 212 97 243	#D461F3
66.7%	66.7% #DB68F5	RGB 219 104 245	#DB68F5
83.3%	83.3% #E26FF7	RGB 226 111 247	#E26FF7
100.0%	100.0% #E977FA	RGB 233 119 250	#E977FA

#BF4DEC #C653EE #CD5AF0 #D461F3 #DB68F5 #E26FF7 #E977FA

#BF4DEC - #D461F3 - #E977FA

CSS codes

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

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