#6E5EAD - #320F73 | 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 #6E5EAD to #320F73

#6E5EAD #320F73

Calculate the color between two colors, #6E5EAD and #320F73. 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)

#6E5EAD - #320F73 | 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 #6E5EAD as 0% and #320F73 as 100%.

0.0%	0.0% #6E5EAD	RGB 110 94 173	#6E5EAD
16.7%	16.7% #6450A3	RGB 100 80 163	#6450A3
33.3%	33.3% #5A4399	RGB 90 67 153	#5A4399
50.0%	50.0% #503690	RGB 80 54 144	#503690
66.7%	66.7% #462986	RGB 70 41 134	#462986
83.3%	83.3% #3C1C7C	RGB 60 28 124	#3C1C7C
100.0%	100.0% #320F73	RGB 50 15 115	#320F73

#6E5EAD #6450A3 #5A4399 #503690 #462986 #3C1C7C #320F73

#6E5EAD - #320F73

HSV Blend

#6E5EAD - #320F73 | 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 #6E5EAD as 0% and #320F73 as 100%.

0.0%	0.0% #6E5EAD	RGB 110 94 173	#6E5EAD
16.7%	16.7% #604DA3	RGB 96 77 163	#604DA3
33.3%	33.3% #553E99	RGB 85 62 153	#553E99
50.0%	50.0% #4A3090	RGB 74 48 144	#4A3090
66.7%	66.7% #412486	RGB 65 36 134	#412486
83.3%	83.3% #39187C	RGB 57 24 124	#39187C
100.0%	100.0% #320F73	RGB 50 15 115	#320F73

#6E5EAD #604DA3 #553E99 #4A3090 #412486 #39187C #320F73

#6E5EAD - #4A3090 - #320F73

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5EAD 0%, #4A3090 50%, #320F73 100%);
    background: -webkit-linear-gradient(top, #6E5EAD 0%, #4A3090 50%, #320F73 100%);
    background: linear-gradient(to bottom, #6E5EAD 0%, #4A3090 50%, #320F73 100%);
}
</style>