#FEACFF - #E531DF | 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 #FEACFF to #E531DF

#FEACFF #E531DF

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

#FEACFF - #E531DF | 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 #FEACFF as 0% and #E531DF as 100%.

0.0%	0.0% #FEACFF	RGB 254 172 255	#FEACFF
16.7%	16.7% #F997F9	RGB 249 151 249	#F997F9
33.3%	33.3% #F583F4	RGB 245 131 244	#F583F4
50.0%	50.0% #F16EEF	RGB 241 110 239	#F16EEF
66.7%	66.7% #ED5AE9	RGB 237 90 233	#ED5AE9
83.3%	83.3% #E945E4	RGB 233 69 228	#E945E4
100.0%	100.0% #E531DF	RGB 229 49 223	#E531DF

#FEACFF #F997F9 #F583F4 #F16EEF #ED5AE9 #E945E4 #E531DF

#FEACFF - #E531DF

HSV Blend

#FEACFF - #E531DF | 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 #FEACFF as 0% and #E531DF as 100%.

0.0%	0.0% #FEACFF	RGB 254 172 255	#FEACFF
16.7%	16.7% #FA95FA	RGB 250 149 250	#FA95FA
33.3%	33.3% #F680F5	RGB 246 128 245	#F680F5
50.0%	50.0% #F26BF0	RGB 242 107 240	#F26BF0
66.7%	66.7% #ED57EA	RGB 237 87 234	#ED57EA
83.3%	83.3% #E943E5	RGB 233 67 229	#E943E5
100.0%	100.0% #E531DF	RGB 229 49 223	#E531DF

#FEACFF #FA95FA #F680F5 #F26BF0 #ED57EA #E943E5 #E531DF

#FEACFF - #F26BF0 - #E531DF

CSS codes

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

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