#DF5CFF - #6F00CF | 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 #DF5CFF to #6F00CF

#DF5CFF #6F00CF

Calculate the color between two colors, #DF5CFF and #6F00CF. 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)

#DF5CFF - #6F00CF | 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 #DF5CFF as 0% and #6F00CF as 100%.

0.0%	0.0% #DF5CFF	RGB 223 92 255	#DF5CFF
16.7%	16.7% #CC4CF7	RGB 204 76 247	#CC4CF7
33.3%	33.3% #B93DEF	RGB 185 61 239	#B93DEF
50.0%	50.0% #A72EE7	RGB 167 46 231	#A72EE7
66.7%	66.7% #941EDF	RGB 148 30 223	#941EDF
83.3%	83.3% #810FD7	RGB 129 15 215	#810FD7
100.0%	100.0% #6F00CF	RGB 111 0 207	#6F00CF

#DF5CFF #CC4CF7 #B93DEF #A72EE7 #941EDF #810FD7 #6F00CF

#DF5CFF - #6F00CF

HSV Blend

#DF5CFF - #6F00CF | 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 #DF5CFF as 0% and #6F00CF as 100%.

0.0%	0.0% #DF5BFF	RGB 223 91 255	#DF5BFF
16.7%	16.7% #CD4AF7	RGB 205 74 247	#CD4AF7
33.3%	33.3% #BB39EF	RGB 187 57 239	#BB39EF
50.0%	50.0% #A829E7	RGB 168 41 231	#A829E7
66.7%	66.7% #951ADF	RGB 149 26 223	#951ADF
83.3%	83.3% #820CD7	RGB 130 12 215	#820CD7
100.0%	100.0% #6F00CF	RGB 111 0 207	#6F00CF

#DF5BFF #CD4AF7 #BB39EF #A829E7 #951ADF #820CD7 #6F00CF

#DF5CFF - #A829E7 - #6F00CF

CSS codes

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

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