#FFB0FA - #E534D4 | 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 #FFB0FA to #E534D4

#FFB0FA #E534D4

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

#FFB0FA - #E534D4 | 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 #FFB0FA as 0% and #E534D4 as 100%.

0.0%	0.0% #FFB0FA	RGB 255 176 250	#FFB0FA
16.7%	16.7% #FA9BF3	RGB 250 155 243	#FA9BF3
33.3%	33.3% #F686ED	RGB 246 134 237	#F686ED
50.0%	50.0% #F272E7	RGB 242 114 231	#F272E7
66.7%	66.7% #ED5DE0	RGB 237 93 224	#ED5DE0
83.3%	83.3% #E948DA	RGB 233 72 218	#E948DA
100.0%	100.0% #E534D4	RGB 229 52 212	#E534D4

#FFB0FA #FA9BF3 #F686ED #F272E7 #ED5DE0 #E948DA #E534D4

#FFB0FA - #E534D4

HSV Blend

#FFB0FA - #E534D4 | 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 #FFB0FA as 0% and #E534D4 as 100%.

0.0%	0.0% #FFB0FA	RGB 255 176 250	#FFB0FA
16.7%	16.7% #FA99F3	RGB 250 153 243	#FA99F3
33.3%	33.3% #F683ED	RGB 246 131 237	#F683ED
50.0%	50.0% #F26EE7	RGB 242 110 231	#F26EE7
66.7%	66.7% #ED5AE1	RGB 237 90 225	#ED5AE1
83.3%	83.3% #E946DA	RGB 233 70 218	#E946DA
100.0%	100.0% #E534D4	RGB 229 52 212	#E534D4

#FFB0FA #FA99F3 #F683ED #F26EE7 #ED5AE1 #E946DA #E534D4

#FFB0FA - #F26EE7 - #E534D4

CSS codes

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

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