#F82CFF - #E500DB | 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 #F82CFF to #E500DB

#F82CFF #E500DB

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

#F82CFF - #E500DB | 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 #F82CFF as 0% and #E500DB as 100%.

0.0%	0.0% #F82CFF	RGB 248 44 255	#F82CFF
16.7%	16.7% #F424F9	RGB 244 36 249	#F424F9
33.3%	33.3% #F11DF3	RGB 241 29 243	#F11DF3
50.0%	50.0% #EE16ED	RGB 238 22 237	#EE16ED
66.7%	66.7% #EB0EE7	RGB 235 14 231	#EB0EE7
83.3%	83.3% #E807E1	RGB 232 7 225	#E807E1
100.0%	100.0% #E500DB	RGB 229 0 219	#E500DB

#F82CFF #F424F9 #F11DF3 #EE16ED #EB0EE7 #E807E1 #E500DB

#F82CFF - #E500DB

HSV Blend

#F82CFF - #E500DB | 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 #F82CFF as 0% and #E500DB as 100%.

0.0%	0.0% #F82BFF	RGB 248 43 255	#F82BFF
16.7%	16.7% #F624FA	RGB 246 36 250	#F624FA
33.3%	33.3% #F41CF6	RGB 244 28 246	#F41CF6
50.0%	50.0% #F214F0	RGB 242 20 240	#F214F0
66.7%	66.7% #ED0DE9	RGB 237 13 233	#ED0DE9
83.3%	83.3% #E906E2	RGB 233 6 226	#E906E2
100.0%	100.0% #E500DB	RGB 229 0 219	#E500DB

#F82BFF #F624FA #F41CF6 #F214F0 #ED0DE9 #E906E2 #E500DB

#F82CFF - #F214F0 - #E500DB

CSS codes

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

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