#3B3456 - #8D5EBC | 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 #3B3456 to #8D5EBC

#3B3456 #8D5EBC

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

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

0.0%	0.0% #3B3456	RGB 59 52 86	#3B3456
16.7%	16.7% #483B67	RGB 72 59 103	#483B67
33.3%	33.3% #564278	RGB 86 66 120	#564278
50.0%	50.0% #644989	RGB 100 73 137	#644989
66.7%	66.7% #71509A	RGB 113 80 154	#71509A
83.3%	83.3% #7F57AB	RGB 127 87 171	#7F57AB
100.0%	100.0% #8D5EBC	RGB 141 94 188	#8D5EBC

#3B3456 #483B67 #564278 #644989 #71509A #7F57AB #8D5EBC

#3B3456 - #8D5EBC

HSV Blend

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

0.0%	0.0% #3A3456	RGB 58 52 86	#3A3456
16.7%	16.7% #473C67	RGB 71 60 103	#473C67
33.3%	33.3% #544478	RGB 84 68 120	#544478
50.0%	50.0% #614B89	RGB 97 75 137	#614B89
66.7%	66.7% #6F529A	RGB 111 82 154	#6F529A
83.3%	83.3% #7D58AB	RGB 125 88 171	#7D58AB
100.0%	100.0% #8D5EBC	RGB 141 94 188	#8D5EBC

#3A3456 #473C67 #544478 #614B89 #6F529A #7D58AB #8D5EBC

#3B3456 - #614B89 - #8D5EBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3456 0%, #614B89 50%, #8D5EBC 100%);
    background: -webkit-linear-gradient(top, #3A3456 0%, #614B89 50%, #8D5EBC 100%);
    background: linear-gradient(to bottom, #3A3456 0%, #614B89 50%, #8D5EBC 100%);
}
</style>