#46008C - #8C9BE5 | 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 #46008C to #8C9BE5

#46008C #8C9BE5

Calculate the color between two colors, #46008C and #8C9BE5. 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)

#46008C - #8C9BE5 | 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 #46008C as 0% and #8C9BE5 as 100%.

0.0%	0.0% #46008C	RGB 70 0 140	#46008C
16.7%	16.7% #51199A	RGB 81 25 154	#51199A
33.3%	33.3% #5D33A9	RGB 93 51 169	#5D33A9
50.0%	50.0% #694DB8	RGB 105 77 184	#694DB8
66.7%	66.7% #7467C7	RGB 116 103 199	#7467C7
83.3%	83.3% #8081D6	RGB 128 129 214	#8081D6
100.0%	100.0% #8C9BE5	RGB 140 155 229	#8C9BE5

#46008C #51199A #5D33A9 #694DB8 #7467C7 #8081D6 #8C9BE5

#46008C - #8C9BE5

HSV Blend

#46008C - #8C9BE5 | 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 #46008C as 0% and #8C9BE5 as 100%.

0.0%	0.0% #46008C	RGB 70 0 140	#46008C
16.7%	16.7% #450F9A	RGB 69 15 154	#450F9A
33.3%	33.3% #4822A9	RGB 72 34 169	#4822A9
50.0%	50.0% #4D38B8	RGB 77 56 184	#4D38B8
66.7%	66.7% #5751C7	RGB 87 81 199	#5751C7
83.3%	83.3% #6D73D6	RGB 109 115 214	#6D73D6
100.0%	100.0% #8C9BE5	RGB 140 155 229	#8C9BE5

#46008C #450F9A #4822A9 #4D38B8 #5751C7 #6D73D6 #8C9BE5

#46008C - #4D38B8 - #8C9BE5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #46008C 0%, #4D38B8 50%, #8C9BE5 100%);
    background: -webkit-linear-gradient(top, #46008C 0%, #4D38B8 50%, #8C9BE5 100%);
    background: linear-gradient(to bottom, #46008C 0%, #4D38B8 50%, #8C9BE5 100%);
}
</style>