#A56EB6 - #4D1766 | 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 #A56EB6 to #4D1766

#A56EB6 #4D1766

Calculate the color between two colors, #A56EB6 and #4D1766. 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)

#A56EB6 - #4D1766 | 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 #A56EB6 as 0% and #4D1766 as 100%.

0.0%	0.0% #A56EB6	RGB 165 110 182	#A56EB6
16.7%	16.7% #965FA8	RGB 150 95 168	#965FA8
33.3%	33.3% #87519B	RGB 135 81 155	#87519B
50.0%	50.0% #79428E	RGB 121 66 142	#79428E
66.7%	66.7% #6A3480	RGB 106 52 128	#6A3480
83.3%	83.3% #5B2573	RGB 91 37 115	#5B2573
100.0%	100.0% #4D1766	RGB 77 23 102	#4D1766

#A56EB6 #965FA8 #87519B #79428E #6A3480 #5B2573 #4D1766

#A56EB6 - #4D1766

HSV Blend

#A56EB6 - #4D1766 | 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 #A56EB6 as 0% and #4D1766 as 100%.

0.0%	0.0% #A56EB6	RGB 165 110 182	#A56EB6
16.7%	16.7% #955BA8	RGB 149 91 168	#955BA8
33.3%	33.3% #864A9B	RGB 134 74 155	#864A9B
50.0%	50.0% #773A8E	RGB 119 58 142	#773A8E
66.7%	66.7% #682D80	RGB 104 45 128	#682D80
83.3%	83.3% #5A2173	RGB 90 33 115	#5A2173
100.0%	100.0% #4D1766	RGB 77 23 102	#4D1766

#A56EB6 #955BA8 #864A9B #773A8E #682D80 #5A2173 #4D1766

#A56EB6 - #773A8E - #4D1766

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A56EB6 0%, #773A8E 50%, #4D1766 100%);
    background: -webkit-linear-gradient(top, #A56EB6 0%, #773A8E 50%, #4D1766 100%);
    background: linear-gradient(to bottom, #A56EB6 0%, #773A8E 50%, #4D1766 100%);
}
</style>