#E05CFF - #7000CF | 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 #E05CFF to #7000CF

#E05CFF #7000CF

Calculate the color between two colors, #E05CFF and #7000CF. 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)

#E05CFF - #7000CF | 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 #E05CFF as 0% and #7000CF as 100%.

0.0%	0.0% #E05CFF	RGB 224 92 255	#E05CFF
16.7%	16.7% #CD4CF7	RGB 205 76 247	#CD4CF7
33.3%	33.3% #BA3DEF	RGB 186 61 239	#BA3DEF
50.0%	50.0% #A82EE7	RGB 168 46 231	#A82EE7
66.7%	66.7% #951EDF	RGB 149 30 223	#951EDF
83.3%	83.3% #820FD7	RGB 130 15 215	#820FD7
100.0%	100.0% #7000CF	RGB 112 0 207	#7000CF

#E05CFF #CD4CF7 #BA3DEF #A82EE7 #951EDF #820FD7 #7000CF

#E05CFF - #7000CF

HSV Blend

#E05CFF - #7000CF | 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 #E05CFF as 0% and #7000CF as 100%.

0.0%	0.0% #DF5BFF	RGB 223 91 255	#DF5BFF
16.7%	16.7% #CE4AF7	RGB 206 74 247	#CE4AF7
33.3%	33.3% #BC39EF	RGB 188 57 239	#BC39EF
50.0%	50.0% #A929E7	RGB 169 41 231	#A929E7
66.7%	66.7% #961ADF	RGB 150 26 223	#961ADF
83.3%	83.3% #830CD7	RGB 131 12 215	#830CD7
100.0%	100.0% #7000CF	RGB 112 0 207	#7000CF

#DF5BFF #CE4AF7 #BC39EF #A929E7 #961ADF #830CD7 #7000CF

#E05CFF - #A929E7 - #7000CF

CSS codes

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

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