#5E2F5B - #AC4DDB | 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 #5E2F5B to #AC4DDB

#5E2F5B #AC4DDB

Calculate the color between two colors, #5E2F5B and #AC4DDB. 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)

#5E2F5B - #AC4DDB | 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 #5E2F5B as 0% and #AC4DDB as 100%.

0.0%	0.0% #5E2F5B	RGB 94 47 91	#5E2F5B
16.7%	16.7% #6B3470	RGB 107 52 112	#6B3470
33.3%	33.3% #783985	RGB 120 57 133	#783985
50.0%	50.0% #853E9B	RGB 133 62 155	#853E9B
66.7%	66.7% #9243B0	RGB 146 67 176	#9243B0
83.3%	83.3% #9F48C5	RGB 159 72 197	#9F48C5
100.0%	100.0% #AC4DDB	RGB 172 77 219	#AC4DDB

#5E2F5B #6B3470 #783985 #853E9B #9243B0 #9F48C5 #AC4DDB

#5E2F5B - #AC4DDB

HSV Blend

#5E2F5B - #AC4DDB | 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 #5E2F5B as 0% and #AC4DDB as 100%.

0.0%	0.0% #5E2F5B	RGB 94 47 91	#5E2F5B
16.7%	16.7% #723672	RGB 114 54 114	#723672
33.3%	33.3% #823D87	RGB 130 61 135	#823D87
50.0%	50.0% #90429C	RGB 144 66 156	#90429C
66.7%	66.7% #9C47B1	RGB 156 71 177	#9C47B1
83.3%	83.3% #A54AC6	RGB 165 74 198	#A54AC6
100.0%	100.0% #AC4DDB	RGB 172 77 219	#AC4DDB

#5E2F5B #723672 #823D87 #90429C #9C47B1 #A54AC6 #AC4DDB

#5E2F5B - #90429C - #AC4DDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F5B 0%, #90429C 50%, #AC4DDB 100%);
    background: -webkit-linear-gradient(top, #5E2F5B 0%, #90429C 50%, #AC4DDB 100%);
    background: linear-gradient(to bottom, #5E2F5B 0%, #90429C 50%, #AC4DDB 100%);
}
</style>