#3E3FCF - #8F47FF | 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 #3E3FCF to #8F47FF

#3E3FCF #8F47FF

Calculate the color between two colors, #3E3FCF and #8F47FF. 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)

#3E3FCF - #8F47FF | 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 #3E3FCF as 0% and #8F47FF as 100%.

0.0%	0.0% #3E3FCF	RGB 62 63 207	#3E3FCF
16.7%	16.7% #4B40D7	RGB 75 64 215	#4B40D7
33.3%	33.3% #5941DF	RGB 89 65 223	#5941DF
50.0%	50.0% #6643E7	RGB 102 67 231	#6643E7
66.7%	66.7% #7444EF	RGB 116 68 239	#7444EF
83.3%	83.3% #8145F7	RGB 129 69 247	#8145F7
100.0%	100.0% #8F47FF	RGB 143 71 255	#8F47FF

#3E3FCF #4B40D7 #5941DF #6643E7 #7444EF #8145F7 #8F47FF

#3E3FCF - #8F47FF

HSV Blend

#3E3FCF - #8F47FF | 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 #3E3FCF as 0% and #8F47FF as 100%.

0.0%	0.0% #3E3ECF	RGB 62 62 207	#3E3ECF
16.7%	16.7% #483FD7	RGB 72 63 215	#483FD7
33.3%	33.3% #5541DF	RGB 85 65 223	#5541DF
50.0%	50.0% #6242E7	RGB 98 66 231	#6242E7
66.7%	66.7% #7044EF	RGB 112 68 239	#7044EF
83.3%	83.3% #7F45F7	RGB 127 69 247	#7F45F7
100.0%	100.0% #8F47FF	RGB 143 71 255	#8F47FF

#3E3ECF #483FD7 #5541DF #6242E7 #7044EF #7F45F7 #8F47FF

#3E3FCF - #6242E7 - #8F47FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3ECF 0%, #6242E7 50%, #8F47FF 100%);
    background: -webkit-linear-gradient(top, #3E3ECF 0%, #6242E7 50%, #8F47FF 100%);
    background: linear-gradient(to bottom, #3E3ECF 0%, #6242E7 50%, #8F47FF 100%);
}
</style>