#7439BE - #310F5E | 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 #7439BE to #310F5E

#7439BE #310F5E

Calculate the color between two colors, #7439BE and #310F5E. 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)

#7439BE - #310F5E | 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 #7439BE as 0% and #310F5E as 100%.

0.0%	0.0% #7439BE	RGB 116 57 190	#7439BE
16.7%	16.7% #6832AE	RGB 104 50 174	#6832AE
33.3%	33.3% #5D2B9E	RGB 93 43 158	#5D2B9E
50.0%	50.0% #52248E	RGB 82 36 142	#52248E
66.7%	66.7% #471D7E	RGB 71 29 126	#471D7E
83.3%	83.3% #3C166E	RGB 60 22 110	#3C166E
100.0%	100.0% #310F5E	RGB 49 15 94	#310F5E

#7439BE #6832AE #5D2B9E #52248E #471D7E #3C166E #310F5E

#7439BE - #310F5E

HSV Blend

#7439BE - #310F5E | 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 #7439BE as 0% and #310F5E as 100%.

0.0%	0.0% #7339BE	RGB 115 57 190	#7339BE
16.7%	16.7% #6730AE	RGB 103 48 174	#6730AE
33.3%	33.3% #5B289E	RGB 91 40 158	#5B289E
50.0%	50.0% #50208E	RGB 80 32 142	#50208E
66.7%	66.7% #451A7E	RGB 69 26 126	#451A7E
83.3%	83.3% #3B146E	RGB 59 20 110	#3B146E
100.0%	100.0% #310F5E	RGB 49 15 94	#310F5E

#7339BE #6730AE #5B289E #50208E #451A7E #3B146E #310F5E

#7439BE - #50208E - #310F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7339BE 0%, #50208E 50%, #310F5E 100%);
    background: -webkit-linear-gradient(top, #7339BE 0%, #50208E 50%, #310F5E 100%);
    background: linear-gradient(to bottom, #7339BE 0%, #50208E 50%, #310F5E 100%);
}
</style>