#331E5E - #723CBF | 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 #331E5E to #723CBF

#331E5E #723CBF

Calculate the color between two colors, #331E5E and #723CBF. 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)

#331E5E - #723CBF | 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 #331E5E as 0% and #723CBF as 100%.

0.0%	0.0% #331E5E	RGB 51 30 94	#331E5E
16.7%	16.7% #3D236E	RGB 61 35 110	#3D236E
33.3%	33.3% #48287E	RGB 72 40 126	#48287E
50.0%	50.0% #522D8E	RGB 82 45 142	#522D8E
66.7%	66.7% #5D329E	RGB 93 50 158	#5D329E
83.3%	83.3% #6737AE	RGB 103 55 174	#6737AE
100.0%	100.0% #723CBF	RGB 114 60 191	#723CBF

#331E5E #3D236E #48287E #522D8E #5D329E #6737AE #723CBF

#331E5E - #723CBF

HSV Blend

#331E5E - #723CBF | 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 #331E5E as 0% and #723CBF as 100%.

0.0%	0.0% #331E5E	RGB 51 30 94	#331E5E
16.7%	16.7% #3C236E	RGB 60 35 110	#3C236E
33.3%	33.3% #46287E	RGB 70 40 126	#46287E
50.0%	50.0% #512D8E	RGB 81 45 142	#512D8E
66.7%	66.7% #5B329E	RGB 91 50 158	#5B329E
83.3%	83.3% #6637AE	RGB 102 55 174	#6637AE
100.0%	100.0% #723CBF	RGB 114 60 191	#723CBF

#331E5E #3C236E #46287E #512D8E #5B329E #6637AE #723CBF

#331E5E - #512D8E - #723CBF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #331E5E 0%, #512D8E 50%, #723CBF 100%);
    background: -webkit-linear-gradient(top, #331E5E 0%, #512D8E 50%, #723CBF 100%);
    background: linear-gradient(to bottom, #331E5E 0%, #512D8E 50%, #723CBF 100%);
}
</style>