#3428A8 - #9F80DA | 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 #3428A8 to #9F80DA

#3428A8 #9F80DA

Calculate the color between two colors, #3428A8 and #9F80DA. 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)

#3428A8 - #9F80DA | 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 #3428A8 as 0% and #9F80DA as 100%.

0.0%	0.0% #3428A8	RGB 52 40 168	#3428A8
16.7%	16.7% #4536B0	RGB 69 54 176	#4536B0
33.3%	33.3% #5745B8	RGB 87 69 184	#5745B8
50.0%	50.0% #6954C1	RGB 105 84 193	#6954C1
66.7%	66.7% #7B62C9	RGB 123 98 201	#7B62C9
83.3%	83.3% #8D71D1	RGB 141 113 209	#8D71D1
100.0%	100.0% #9F80DA	RGB 159 128 218	#9F80DA

#3428A8 #4536B0 #5745B8 #6954C1 #7B62C9 #8D71D1 #9F80DA

#3428A8 - #9F80DA

HSV Blend

#3428A8 - #9F80DA | 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 #3428A8 as 0% and #9F80DA as 100%.

0.0%	0.0% #3427A8	RGB 52 39 168	#3427A8
16.7%	16.7% #4534B0	RGB 69 52 176	#4534B0
33.3%	33.3% #5641B8	RGB 86 65 184	#5641B8
50.0%	50.0% #684FC1	RGB 104 79 193	#684FC1
66.7%	66.7% #7A5EC9	RGB 122 94 201	#7A5EC9
83.3%	83.3% #8C6ED1	RGB 140 110 209	#8C6ED1
100.0%	100.0% #9F80DA	RGB 159 128 218	#9F80DA

#3427A8 #4534B0 #5641B8 #684FC1 #7A5EC9 #8C6ED1 #9F80DA

#3428A8 - #684FC1 - #9F80DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3427A8 0%, #684FC1 50%, #9F80DA 100%);
    background: -webkit-linear-gradient(top, #3427A8 0%, #684FC1 50%, #9F80DA 100%);
    background: linear-gradient(to bottom, #3427A8 0%, #684FC1 50%, #9F80DA 100%);
}
</style>