#3C2DCB - #8A39FF | 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 #3C2DCB to #8A39FF

#3C2DCB #8A39FF

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

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

0.0%	0.0% #3C2DCB	RGB 60 45 203	#3C2DCB
16.7%	16.7% #492FD3	RGB 73 47 211	#492FD3
33.3%	33.3% #5631DC	RGB 86 49 220	#5631DC
50.0%	50.0% #6333E5	RGB 99 51 229	#6333E5
66.7%	66.7% #7035ED	RGB 112 53 237	#7035ED
83.3%	83.3% #7D37F6	RGB 125 55 246	#7D37F6
100.0%	100.0% #8A39FF	RGB 138 57 255	#8A39FF

#3C2DCB #492FD3 #5631DC #6333E5 #7035ED #7D37F6 #8A39FF

#3C2DCB - #8A39FF

HSV Blend

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

0.0%	0.0% #3C2DCB	RGB 60 45 203	#3C2DCB
16.7%	16.7% #472ED3	RGB 71 46 211	#472ED3
33.3%	33.3% #5330DC	RGB 83 48 220	#5330DC
50.0%	50.0% #5F32E5	RGB 95 50 229	#5F32E5
66.7%	66.7% #6D34ED	RGB 109 52 237	#6D34ED
83.3%	83.3% #7B36F6	RGB 123 54 246	#7B36F6
100.0%	100.0% #8A39FF	RGB 138 57 255	#8A39FF

#3C2DCB #472ED3 #5330DC #5F32E5 #6D34ED #7B36F6 #8A39FF

#3C2DCB - #5F32E5 - #8A39FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2DCB 0%, #5F32E5 50%, #8A39FF 100%);
    background: -webkit-linear-gradient(top, #3C2DCB 0%, #5F32E5 50%, #8A39FF 100%);
    background: linear-gradient(to bottom, #3C2DCB 0%, #5F32E5 50%, #8A39FF 100%);
}
</style>