#382B8C - #AC7CB8 | 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 #382B8C to #AC7CB8

#382B8C #AC7CB8

Calculate the color between two colors, #382B8C and #AC7CB8. 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)

#382B8C - #AC7CB8 | 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 #382B8C as 0% and #AC7CB8 as 100%.

0.0%	0.0% #382B8C	RGB 56 43 140	#382B8C
16.7%	16.7% #4B3893	RGB 75 56 147	#4B3893
33.3%	33.3% #5E469A	RGB 94 70 154	#5E469A
50.0%	50.0% #7253A2	RGB 114 83 162	#7253A2
66.7%	66.7% #8561A9	RGB 133 97 169	#8561A9
83.3%	83.3% #986EB0	RGB 152 110 176	#986EB0
100.0%	100.0% #AC7CB8	RGB 172 124 184	#AC7CB8

#382B8C #4B3893 #5E469A #7253A2 #8561A9 #986EB0 #AC7CB8

#382B8C - #AC7CB8

HSV Blend

#382B8C - #AC7CB8 | 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 #382B8C as 0% and #AC7CB8 as 100%.

0.0%	0.0% #382B8C	RGB 56 43 140	#382B8C
16.7%	16.7% #4D3693	RGB 77 54 147	#4D3693
33.3%	33.3% #61429A	RGB 97 66 154	#61429A
50.0%	50.0% #764FA2	RGB 118 79 162	#764FA2
66.7%	66.7% #895DA9	RGB 137 93 169	#895DA9
83.3%	83.3% #9B6CB0	RGB 155 108 176	#9B6CB0
100.0%	100.0% #AC7CB8	RGB 172 124 184	#AC7CB8

#382B8C #4D3693 #61429A #764FA2 #895DA9 #9B6CB0 #AC7CB8

#382B8C - #764FA2 - #AC7CB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #382B8C 0%, #764FA2 50%, #AC7CB8 100%);
    background: -webkit-linear-gradient(top, #382B8C 0%, #764FA2 50%, #AC7CB8 100%);
    background: linear-gradient(to bottom, #382B8C 0%, #764FA2 50%, #AC7CB8 100%);
}
</style>