#E200D1 - #DF41FF | 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 #E200D1 to #DF41FF

#E200D1 #DF41FF

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

#E200D1 - #DF41FF | 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 #E200D1 as 0% and #DF41FF as 100%.

0.0%	0.0% #E200D1	RGB 226 0 209	#E200D1
16.7%	16.7% #E10AD8	RGB 225 10 216	#E10AD8
33.3%	33.3% #E115E0	RGB 225 21 224	#E115E0
50.0%	50.0% #E020E8	RGB 224 32 232	#E020E8
66.7%	66.7% #E02BEF	RGB 224 43 239	#E02BEF
83.3%	83.3% #DF36F7	RGB 223 54 247	#DF36F7
100.0%	100.0% #DF41FF	RGB 223 65 255	#DF41FF

#E200D1 #E10AD8 #E115E0 #E020E8 #E02BEF #DF36F7 #DF41FF

#E200D1 - #DF41FF

HSV Blend

#E200D1 - #DF41FF | 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 #E200D1 as 0% and #DF41FF as 100%.

0.0%	0.0% #E200D1	RGB 226 0 209	#E200D1
16.7%	16.7% #E609DF	RGB 230 9 223	#E609DF
33.3%	33.3% #EA14EB	RGB 234 20 235	#EA14EB
50.0%	50.0% #E61EF0	RGB 230 30 240	#E61EF0
66.7%	66.7% #E329F5	RGB 227 41 245	#E329F5
83.3%	83.3% #E035FA	RGB 224 53 250	#E035FA
100.0%	100.0% #DF41FF	RGB 223 65 255	#DF41FF

#E200D1 #E609DF #EA14EB #E61EF0 #E329F5 #E035FA #DF41FF

#E200D1 - #E61EF0 - #DF41FF

CSS codes

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

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