#EE5EFE - #7D00D0 | 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 #EE5EFE to #7D00D0

#EE5EFE #7D00D0

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

#EE5EFE - #7D00D0 | 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 #EE5EFE as 0% and #7D00D0 as 100%.

0.0%	0.0% #EE5EFE	RGB 238 94 254	#EE5EFE
16.7%	16.7% #DB4EF6	RGB 219 78 246	#DB4EF6
33.3%	33.3% #C83EEE	RGB 200 62 238	#C83EEE
50.0%	50.0% #B52FE7	RGB 181 47 231	#B52FE7
66.7%	66.7% #A21FDF	RGB 162 31 223	#A21FDF
83.3%	83.3% #8F0FD7	RGB 143 15 215	#8F0FD7
100.0%	100.0% #7D00D0	RGB 125 0 208	#7D00D0

#EE5EFE #DB4EF6 #C83EEE #B52FE7 #A21FDF #8F0FD7 #7D00D0

#EE5EFE - #7D00D0

HSV Blend

#EE5EFE - #7D00D0 | 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 #EE5EFE as 0% and #7D00D0 as 100%.

0.0%	0.0% #EE5EFE	RGB 238 94 254	#EE5EFE
16.7%	16.7% #DC4BF6	RGB 220 75 246	#DC4BF6
33.3%	33.3% #CA3AEE	RGB 202 58 238	#CA3AEE
50.0%	50.0% #B82AE7	RGB 184 42 231	#B82AE7
66.7%	66.7% #A41BDF	RGB 164 27 223	#A41BDF
83.3%	83.3% #910DD7	RGB 145 13 215	#910DD7
100.0%	100.0% #7D00D0	RGB 125 0 208	#7D00D0

#EE5EFE #DC4BF6 #CA3AEE #B82AE7 #A41BDF #910DD7 #7D00D0

#EE5EFE - #B82AE7 - #7D00D0

CSS codes

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

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