#5E4D6C - #A96FE1 | 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 #5E4D6C to #A96FE1

#5E4D6C #A96FE1

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

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

0.0%	0.0% #5E4D6C	RGB 94 77 108	#5E4D6C
16.7%	16.7% #6A527F	RGB 106 82 127	#6A527F
33.3%	33.3% #775893	RGB 119 88 147	#775893
50.0%	50.0% #835EA6	RGB 131 94 166	#835EA6
66.7%	66.7% #9063BA	RGB 144 99 186	#9063BA
83.3%	83.3% #9C69CD	RGB 156 105 205	#9C69CD
100.0%	100.0% #A96FE1	RGB 169 111 225	#A96FE1

#5E4D6C #6A527F #775893 #835EA6 #9063BA #9C69CD #A96FE1

#5E4D6C - #A96FE1

HSV Blend

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

0.0%	0.0% #5E4D6C	RGB 94 77 108	#5E4D6C
16.7%	16.7% #6C567F	RGB 108 86 127	#6C567F
33.3%	33.3% #7A5E93	RGB 122 94 147	#7A5E93
50.0%	50.0% #8764A6	RGB 135 100 166	#8764A6
66.7%	66.7% #9369BA	RGB 147 105 186	#9369BA
83.3%	83.3% #9E6CCD	RGB 158 108 205	#9E6CCD
100.0%	100.0% #A96FE1	RGB 169 111 225	#A96FE1

#5E4D6C #6C567F #7A5E93 #8764A6 #9369BA #9E6CCD #A96FE1

#5E4D6C - #8764A6 - #A96FE1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D6C 0%, #8764A6 50%, #A96FE1 100%);
    background: -webkit-linear-gradient(top, #5E4D6C 0%, #8764A6 50%, #A96FE1 100%);
    background: linear-gradient(to bottom, #5E4D6C 0%, #8764A6 50%, #A96FE1 100%);
}
</style>