#2E2A8C - #A27DBC | 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 #2E2A8C to #A27DBC

#2E2A8C #A27DBC

Calculate the color between two colors, #2E2A8C and #A27DBC. 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)

#2E2A8C - #A27DBC | 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 #2E2A8C as 0% and #A27DBC as 100%.

0.0%	0.0% #2E2A8C	RGB 46 42 140	#2E2A8C
16.7%	16.7% #413794	RGB 65 55 148	#413794
33.3%	33.3% #54459C	RGB 84 69 156	#54459C
50.0%	50.0% #6853A4	RGB 104 83 164	#6853A4
66.7%	66.7% #7B61AC	RGB 123 97 172	#7B61AC
83.3%	83.3% #8E6FB4	RGB 142 111 180	#8E6FB4
100.0%	100.0% #A27DBC	RGB 162 125 188	#A27DBC

#2E2A8C #413794 #54459C #6853A4 #7B61AC #8E6FB4 #A27DBC

#2E2A8C - #A27DBC

HSV Blend

#2E2A8C - #A27DBC | 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 #2E2A8C as 0% and #A27DBC as 100%.

0.0%	0.0% #2D2A8C	RGB 45 42 140	#2D2A8C
16.7%	16.7% #413594	RGB 65 53 148	#413594
33.3%	33.3% #55419C	RGB 85 65 156	#55419C
50.0%	50.0% #694FA4	RGB 105 79 164	#694FA4
66.7%	66.7% #7D5DAC	RGB 125 93 172	#7D5DAC
83.3%	83.3% #906CB4	RGB 144 108 180	#906CB4
100.0%	100.0% #A27DBC	RGB 162 125 188	#A27DBC

#2D2A8C #413594 #55419C #694FA4 #7D5DAC #906CB4 #A27DBC

#2E2A8C - #694FA4 - #A27DBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2A8C 0%, #694FA4 50%, #A27DBC 100%);
    background: -webkit-linear-gradient(top, #2D2A8C 0%, #694FA4 50%, #A27DBC 100%);
    background: linear-gradient(to bottom, #2D2A8C 0%, #694FA4 50%, #A27DBC 100%);
}
</style>