#DF52FF - #6B00D0 | 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 #DF52FF to #6B00D0

#DF52FF #6B00D0

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

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

0.0%	0.0% #DF52FF	RGB 223 82 255	#DF52FF
16.7%	16.7% #CB44F7	RGB 203 68 247	#CB44F7
33.3%	33.3% #B836EF	RGB 184 54 239	#B836EF
50.0%	50.0% #A529E7	RGB 165 41 231	#A529E7
66.7%	66.7% #911BDF	RGB 145 27 223	#911BDF
83.3%	83.3% #7E0DD7	RGB 126 13 215	#7E0DD7
100.0%	100.0% #6B00D0	RGB 107 0 208	#6B00D0

#DF52FF #CB44F7 #B836EF #A529E7 #911BDF #7E0DD7 #6B00D0

#DF52FF - #6B00D0

HSV Blend

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

0.0%	0.0% #DF51FF	RGB 223 81 255	#DF51FF
16.7%	16.7% #CC42F7	RGB 204 66 247	#CC42F7
33.3%	33.3% #B933EF	RGB 185 51 239	#B933EF
50.0%	50.0% #A625E7	RGB 166 37 231	#A625E7
66.7%	66.7% #9217DF	RGB 146 23 223	#9217DF
83.3%	83.3% #7E0BD7	RGB 126 11 215	#7E0BD7
100.0%	100.0% #6B00D0	RGB 107 0 208	#6B00D0

#DF51FF #CC42F7 #B933EF #A625E7 #9217DF #7E0BD7 #6B00D0

#DF52FF - #A625E7 - #6B00D0

CSS codes

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

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