#6100FF - #8500DF | 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 #6100FF to #8500DF

#6100FF #8500DF

Calculate the color between two colors, #6100FF and #8500DF. 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)

#6100FF - #8500DF | 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 #6100FF as 0% and #8500DF as 100%.

0.0%	0.0% #6100FF	RGB 97 0 255	#6100FF
16.7%	16.7% #6700F9	RGB 103 0 249	#6700F9
33.3%	33.3% #6D00F4	RGB 109 0 244	#6D00F4
50.0%	50.0% #7300EF	RGB 115 0 239	#7300EF
66.7%	66.7% #7900E9	RGB 121 0 233	#7900E9
83.3%	83.3% #7F00E4	RGB 127 0 228	#7F00E4
100.0%	100.0% #8500DF	RGB 133 0 223	#8500DF

#6100FF #6700F9 #6D00F4 #7300EF #7900E9 #7F00E4 #8500DF

#6100FF - #8500DF

HSV Blend

#6100FF - #8500DF | 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 #6100FF as 0% and #8500DF as 100%.

0.0%	0.0% #6000FF	RGB 96 0 255	#6000FF
16.7%	16.7% #6700F9	RGB 103 0 249	#6700F9
33.3%	33.3% #6E00F4	RGB 110 0 244	#6E00F4
50.0%	50.0% #7400EF	RGB 116 0 239	#7400EF
66.7%	66.7% #7A00E9	RGB 122 0 233	#7A00E9
83.3%	83.3% #7F00E4	RGB 127 0 228	#7F00E4
100.0%	100.0% #8500DF	RGB 133 0 223	#8500DF

#6000FF #6700F9 #6E00F4 #7400EF #7A00E9 #7F00E4 #8500DF

#6100FF - #7400EF - #8500DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6000FF 0%, #7400EF 50%, #8500DF 100%);
    background: -webkit-linear-gradient(top, #6000FF 0%, #7400EF 50%, #8500DF 100%);
    background: linear-gradient(to bottom, #6000FF 0%, #7400EF 50%, #8500DF 100%);
}
</style>