#DC4DFF - #6600CF | 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 #DC4DFF to #6600CF

#DC4DFF #6600CF

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

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

0.0%	0.0% #DC4DFF	RGB 220 77 255	#DC4DFF
16.7%	16.7% #C840F7	RGB 200 64 247	#C840F7
33.3%	33.3% #B433EF	RGB 180 51 239	#B433EF
50.0%	50.0% #A126E7	RGB 161 38 231	#A126E7
66.7%	66.7% #8D19DF	RGB 141 25 223	#8D19DF
83.3%	83.3% #790CD7	RGB 121 12 215	#790CD7
100.0%	100.0% #6600CF	RGB 102 0 207	#6600CF

#DC4DFF #C840F7 #B433EF #A126E7 #8D19DF #790CD7 #6600CF

#DC4DFF - #6600CF

HSV Blend

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

0.0%	0.0% #DB4DFF	RGB 219 77 255	#DB4DFF
16.7%	16.7% #C93EF7	RGB 201 62 247	#C93EF7
33.3%	33.3% #B530EF	RGB 181 48 239	#B530EF
50.0%	50.0% #A122E7	RGB 161 34 231	#A122E7
66.7%	66.7% #8E16DF	RGB 142 22 223	#8E16DF
83.3%	83.3% #7A0AD7	RGB 122 10 215	#7A0AD7
100.0%	100.0% #6600CF	RGB 102 0 207	#6600CF

#DB4DFF #C93EF7 #B530EF #A122E7 #8E16DF #7A0AD7 #6600CF

#DC4DFF - #A122E7 - #6600CF

CSS codes

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

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