#EF4DFF - #B613DF | 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 #EF4DFF to #B613DF

#EF4DFF #B613DF

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

#EF4DFF - #B613DF | 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 #EF4DFF as 0% and #B613DF as 100%.

0.0%	0.0% #EF4DFF	RGB 239 77 255	#EF4DFF
16.7%	16.7% #E543F9	RGB 229 67 249	#E543F9
33.3%	33.3% #DC39F4	RGB 220 57 244	#DC39F4
50.0%	50.0% #D230EF	RGB 210 48 239	#D230EF
66.7%	66.7% #C926E9	RGB 201 38 233	#C926E9
83.3%	83.3% #BF1CE4	RGB 191 28 228	#BF1CE4
100.0%	100.0% #B613DF	RGB 182 19 223	#B613DF

#EF4DFF #E543F9 #DC39F4 #D230EF #C926E9 #BF1CE4 #B613DF

#EF4DFF - #B613DF

HSV Blend

#EF4DFF - #B613DF | 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 #EF4DFF as 0% and #B613DF as 100%.

0.0%	0.0% #EF4DFF	RGB 239 77 255	#EF4DFF
16.7%	16.7% #E542F9	RGB 229 66 249	#E542F9
33.3%	33.3% #DC38F4	RGB 220 56 244	#DC38F4
50.0%	50.0% #D22EEF	RGB 210 46 239	#D22EEF
66.7%	66.7% #C924E9	RGB 201 36 233	#C924E9
83.3%	83.3% #BF1BE4	RGB 191 27 228	#BF1BE4
100.0%	100.0% #B613DF	RGB 182 19 223	#B613DF

#EF4DFF #E542F9 #DC38F4 #D22EEF #C924E9 #BF1BE4 #B613DF

#EF4DFF - #D22EEF - #B613DF

CSS codes

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

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