#DF71FF - #7800CF | 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 #DF71FF to #7800CF

#DF71FF #7800CF

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

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

0.0%	0.0% #DF71FF	RGB 223 113 255	#DF71FF
16.7%	16.7% #CD5EF7	RGB 205 94 247	#CD5EF7
33.3%	33.3% #BC4BEF	RGB 188 75 239	#BC4BEF
50.0%	50.0% #AB38E7	RGB 171 56 231	#AB38E7
66.7%	66.7% #9A25DF	RGB 154 37 223	#9A25DF
83.3%	83.3% #8912D7	RGB 137 18 215	#8912D7
100.0%	100.0% #7800CF	RGB 120 0 207	#7800CF

#DF71FF #CD5EF7 #BC4BEF #AB38E7 #9A25DF #8912D7 #7800CF

#DF71FF - #7800CF

HSV Blend

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

0.0%	0.0% #DE71FF	RGB 222 113 255	#DE71FF
16.7%	16.7% #CE5BF7	RGB 206 91 247	#CE5BF7
33.3%	33.3% #BE46EF	RGB 190 70 239	#BE46EF
50.0%	50.0% #AC33E7	RGB 172 51 231	#AC33E7
66.7%	66.7% #9B20DF	RGB 155 32 223	#9B20DF
83.3%	83.3% #890FD7	RGB 137 15 215	#890FD7
100.0%	100.0% #7800CF	RGB 120 0 207	#7800CF

#DE71FF #CE5BF7 #BE46EF #AC33E7 #9B20DF #890FD7 #7800CF

#DF71FF - #AC33E7 - #7800CF

CSS codes

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

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