#3E3E5E - #835BCC | 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 #3E3E5E to #835BCC

#3E3E5E #835BCC

Calculate the color between two colors, #3E3E5E and #835BCC. 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)

#3E3E5E - #835BCC | 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 #3E3E5E as 0% and #835BCC as 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #494270	RGB 73 66 112	#494270
33.3%	33.3% #554782	RGB 85 71 130	#554782
50.0%	50.0% #604C95	RGB 96 76 149	#604C95
66.7%	66.7% #6C51A7	RGB 108 81 167	#6C51A7
83.3%	83.3% #7756B9	RGB 119 86 185	#7756B9
100.0%	100.0% #835BCC	RGB 131 91 204	#835BCC

#3E3E5E #494270 #554782 #604C95 #6C51A7 #7756B9 #835BCC

#3E3E5E - #835BCC

HSV Blend

#3E3E5E - #835BCC | 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 #3E3E5E as 0% and #835BCC as 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #484670	RGB 72 70 112	#484670
33.3%	33.3% #534C82	RGB 83 76 130	#534C82
50.0%	50.0% #5E5295	RGB 94 82 149	#5E5295
66.7%	66.7% #6956A7	RGB 105 86 167	#6956A7
83.3%	83.3% #7559B9	RGB 117 89 185	#7559B9
100.0%	100.0% #835BCC	RGB 131 91 204	#835BCC

#3E3E5E #484670 #534C82 #5E5295 #6956A7 #7559B9 #835BCC

#3E3E5E - #5E5295 - #835BCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E5E 0%, #5E5295 50%, #835BCC 100%);
    background: -webkit-linear-gradient(top, #3E3E5E 0%, #5E5295 50%, #835BCC 100%);
    background: linear-gradient(to bottom, #3E3E5E 0%, #5E5295 50%, #835BCC 100%);
}
</style>