#A791C7 - #5E408C | 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 #A791C7 to #5E408C

#A791C7 #5E408C

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

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

0.0%	0.0% #A791C7	RGB 167 145 199	#A791C7
16.7%	16.7% #9A83BD	RGB 154 131 189	#9A83BD
33.3%	33.3% #8E76B3	RGB 142 118 179	#8E76B3
50.0%	50.0% #8268A9	RGB 130 104 169	#8268A9
66.7%	66.7% #765B9F	RGB 118 91 159	#765B9F
83.3%	83.3% #6A4D95	RGB 106 77 149	#6A4D95
100.0%	100.0% #5E408C	RGB 94 64 140	#5E408C

#A791C7 #9A83BD #8E76B3 #8268A9 #765B9F #6A4D95 #5E408C

#A791C7 - #5E408C

HSV Blend

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

0.0%	0.0% #A791C7	RGB 167 145 199	#A791C7
16.7%	16.7% #9981BD	RGB 153 129 189	#9981BD
33.3%	33.3% #8C72B3	RGB 140 114 179	#8C72B3
50.0%	50.0% #8064A9	RGB 128 100 169	#8064A9
66.7%	66.7% #74579F	RGB 116 87 159	#74579F
83.3%	83.3% #684B95	RGB 104 75 149	#684B95
100.0%	100.0% #5E408C	RGB 94 64 140	#5E408C

#A791C7 #9981BD #8C72B3 #8064A9 #74579F #684B95 #5E408C

#A791C7 - #8064A9 - #5E408C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A791C7 0%, #8064A9 50%, #5E408C 100%);
    background: -webkit-linear-gradient(top, #A791C7 0%, #8064A9 50%, #5E408C 100%);
    background: linear-gradient(to bottom, #A791C7 0%, #8064A9 50%, #5E408C 100%);
}
</style>