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

#DC60FF #6F00CF

Calculate the color between two colors, #DC60FF 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)

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

0.0%	0.0% #DC60FF	RGB 220 96 255	#DC60FF
16.7%	16.7% #C950F7	RGB 201 80 247	#C950F7
33.3%	33.3% #B740EF	RGB 183 64 239	#B740EF
50.0%	50.0% #A530E7	RGB 165 48 231	#A530E7
66.7%	66.7% #9320DF	RGB 147 32 223	#9320DF
83.3%	83.3% #8110D7	RGB 129 16 215	#8110D7
100.0%	100.0% #6F00CF	RGB 111 0 207	#6F00CF

#DC60FF #C950F7 #B740EF #A530E7 #9320DF #8110D7 #6F00CF

#DC60FF - #6F00CF

HSV Blend

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

0.0%	0.0% #DC60FF	RGB 220 96 255	#DC60FF
16.7%	16.7% #CA4DF7	RGB 202 77 247	#CA4DF7
33.3%	33.3% #B93BEF	RGB 185 59 239	#B93BEF
50.0%	50.0% #A62BE7	RGB 166 43 231	#A62BE7
66.7%	66.7% #941BDF	RGB 148 27 223	#941BDF
83.3%	83.3% #810DD7	RGB 129 13 215	#810DD7
100.0%	100.0% #6F00CF	RGB 111 0 207	#6F00CF

#DC60FF #CA4DF7 #B93BEF #A62BE7 #941BDF #810DD7 #6F00CF

#DC60FF - #A62BE7 - #6F00CF

CSS codes

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

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