#8F64FF - #281C48 | 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 #8F64FF to #281C48

#8F64FF #281C48

Calculate the color between two colors, #8F64FF and #281C48. 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)

#8F64FF - #281C48 | 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 #8F64FF as 0% and #281C48 as 100%.

0.0%	0.0% #8F64FF	RGB 143 100 255	#8F64FF
16.7%	16.7% #7D58E0	RGB 125 88 224	#7D58E0
33.3%	33.3% #6C4CC2	RGB 108 76 194	#6C4CC2
50.0%	50.0% #5B40A3	RGB 91 64 163	#5B40A3
66.7%	66.7% #4A3484	RGB 74 52 132	#4A3484
83.3%	83.3% #392866	RGB 57 40 102	#392866
100.0%	100.0% #281C48	RGB 40 28 72	#281C48

#8F64FF #7D58E0 #6C4CC2 #5B40A3 #4A3484 #392866 #281C48

#8F64FF - #281C48

HSV Blend

#8F64FF - #281C48 | 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 #8F64FF as 0% and #281C48 as 100%.

0.0%	0.0% #8E64FF	RGB 142 100 255	#8E64FF
16.7%	16.7% #7D57E0	RGB 125 87 224	#7D57E0
33.3%	33.3% #6C4BC2	RGB 108 75 194	#6C4BC2
50.0%	50.0% #5B3FA3	RGB 91 63 163	#5B3FA3
66.7%	66.7% #4A3384	RGB 74 51 132	#4A3384
83.3%	83.3% #392766	RGB 57 39 102	#392766
100.0%	100.0% #281C48	RGB 40 28 72	#281C48

#8E64FF #7D57E0 #6C4BC2 #5B3FA3 #4A3384 #392766 #281C48

#8F64FF - #5B3FA3 - #281C48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8E64FF 0%, #5B3FA3 50%, #281C48 100%);
    background: -webkit-linear-gradient(top, #8E64FF 0%, #5B3FA3 50%, #281C48 100%);
    background: linear-gradient(to bottom, #8E64FF 0%, #5B3FA3 50%, #281C48 100%);
}
</style>