#EE5DFF - #BA19E3 | 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 #EE5DFF to #BA19E3

#EE5DFF #BA19E3

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

#EE5DFF - #BA19E3 | 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 #EE5DFF as 0% and #BA19E3 as 100%.

0.0%	0.0% #EE5DFF	RGB 238 93 255	#EE5DFF
16.7%	16.7% #E551FA	RGB 229 81 250	#E551FA
33.3%	33.3% #DC46F5	RGB 220 70 245	#DC46F5
50.0%	50.0% #D43BF1	RGB 212 59 241	#D43BF1
66.7%	66.7% #CB2FEC	RGB 203 47 236	#CB2FEC
83.3%	83.3% #C224E7	RGB 194 36 231	#C224E7
100.0%	100.0% #BA19E3	RGB 186 25 227	#BA19E3

#EE5DFF #E551FA #DC46F5 #D43BF1 #CB2FEC #C224E7 #BA19E3

#EE5DFF - #BA19E3

HSV Blend

#EE5DFF - #BA19E3 | 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 #EE5DFF as 0% and #BA19E3 as 100%.

0.0%	0.0% #EE5DFF	RGB 238 93 255	#EE5DFF
16.7%	16.7% #E550FA	RGB 229 80 250	#E550FA
33.3%	33.3% #DD44F5	RGB 221 68 245	#DD44F5
50.0%	50.0% #D439F1	RGB 212 57 241	#D439F1
66.7%	66.7% #CB2EEC	RGB 203 46 236	#CB2EEC
83.3%	83.3% #C323E7	RGB 195 35 231	#C323E7
100.0%	100.0% #BA19E3	RGB 186 25 227	#BA19E3

#EE5DFF #E550FA #DD44F5 #D439F1 #CB2EEC #C323E7 #BA19E3

#EE5DFF - #D439F1 - #BA19E3

CSS codes

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

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