#E622FF - #F9C0FF | 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 #E622FF to #F9C0FF

#E622FF #F9C0FF

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

#E622FF - #F9C0FF | 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 #E622FF as 0% and #F9C0FF as 100%.

0.0%	0.0% #E622FF	RGB 230 34 255	#E622FF
16.7%	16.7% #E93CFF	RGB 233 60 255	#E93CFF
33.3%	33.3% #EC56FF	RGB 236 86 255	#EC56FF
50.0%	50.0% #EF71FF	RGB 239 113 255	#EF71FF
66.7%	66.7% #F28BFF	RGB 242 139 255	#F28BFF
83.3%	83.3% #F5A5FF	RGB 245 165 255	#F5A5FF
100.0%	100.0% #F9C0FF	RGB 249 192 255	#F9C0FF

#E622FF #E93CFF #EC56FF #EF71FF #F28BFF #F5A5FF #F9C0FF

#E622FF - #F9C0FF

HSV Blend

#E622FF - #F9C0FF | 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 #E622FF as 0% and #F9C0FF as 100%.

0.0%	0.0% #E621FF	RGB 230 33 255	#E621FF
16.7%	16.7% #E93CFF	RGB 233 60 255	#E93CFF
33.3%	33.3% #EC56FF	RGB 236 86 255	#EC56FF
50.0%	50.0% #F071FF	RGB 240 113 255	#F071FF
66.7%	66.7% #F38BFF	RGB 243 139 255	#F38BFF
83.3%	83.3% #F6A5FF	RGB 246 165 255	#F6A5FF
100.0%	100.0% #F9C0FF	RGB 249 192 255	#F9C0FF

#E621FF #E93CFF #EC56FF #F071FF #F38BFF #F6A5FF #F9C0FF

#E622FF - #F071FF - #F9C0FF

CSS codes

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

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