#343456 - #7B5EBC | 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 #343456 to #7B5EBC

#343456 #7B5EBC

Calculate the color between two colors, #343456 and #7B5EBC. 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)

#343456 - #7B5EBC | 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 #343456 as 0% and #7B5EBC as 100%.

0.0%	0.0% #343456	RGB 52 52 86	#343456
16.7%	16.7% #3F3B67	RGB 63 59 103	#3F3B67
33.3%	33.3% #4B4278	RGB 75 66 120	#4B4278
50.0%	50.0% #574989	RGB 87 73 137	#574989
66.7%	66.7% #63509A	RGB 99 80 154	#63509A
83.3%	83.3% #6F57AB	RGB 111 87 171	#6F57AB
100.0%	100.0% #7B5EBC	RGB 123 94 188	#7B5EBC

#343456 #3F3B67 #4B4278 #574989 #63509A #6F57AB #7B5EBC

#343456 - #7B5EBC

HSV Blend

#343456 - #7B5EBC | 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 #343456 as 0% and #7B5EBC as 100%.

0.0%	0.0% #343456	RGB 52 52 86	#343456
16.7%	16.7% #3E3C67	RGB 62 60 103	#3E3C67
33.3%	33.3% #494478	RGB 73 68 120	#494478
50.0%	50.0% #554B89	RGB 85 75 137	#554B89
66.7%	66.7% #61529A	RGB 97 82 154	#61529A
83.3%	83.3% #6D58AB	RGB 109 88 171	#6D58AB
100.0%	100.0% #7B5EBC	RGB 123 94 188	#7B5EBC

#343456 #3E3C67 #494478 #554B89 #61529A #6D58AB #7B5EBC

#343456 - #554B89 - #7B5EBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #343456 0%, #554B89 50%, #7B5EBC 100%);
    background: -webkit-linear-gradient(top, #343456 0%, #554B89 50%, #7B5EBC 100%);
    background: linear-gradient(to bottom, #343456 0%, #554B89 50%, #7B5EBC 100%);
}
</style>