#523E5E - #A963CF | 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 #523E5E to #A963CF

#523E5E #A963CF

Calculate the color between two colors, #523E5E and #A963CF. 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)

#523E5E - #A963CF | 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 #523E5E as 0% and #A963CF as 100%.

0.0%	0.0% #523E5E	RGB 82 62 94	#523E5E
16.7%	16.7% #604470	RGB 96 68 112	#604470
33.3%	33.3% #6F4A83	RGB 111 74 131	#6F4A83
50.0%	50.0% #7D5096	RGB 125 80 150	#7D5096
66.7%	66.7% #8C56A9	RGB 140 86 169	#8C56A9
83.3%	83.3% #9A5CBC	RGB 154 92 188	#9A5CBC
100.0%	100.0% #A963CF	RGB 169 99 207	#A963CF

#523E5E #604470 #6F4A83 #7D5096 #8C56A9 #9A5CBC #A963CF

#523E5E - #A963CF

HSV Blend

#523E5E - #A963CF | 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 #523E5E as 0% and #A963CF as 100%.

0.0%	0.0% #523E5E	RGB 82 62 94	#523E5E
16.7%	16.7% #614770	RGB 97 71 112	#614770
33.3%	33.3% #704E83	RGB 112 78 131	#704E83
50.0%	50.0% #7E5596	RGB 126 85 150	#7E5596
66.7%	66.7% #8D5BA9	RGB 141 91 169	#8D5BA9
83.3%	83.3% #9B5FBC	RGB 155 95 188	#9B5FBC
100.0%	100.0% #A963CF	RGB 169 99 207	#A963CF

#523E5E #614770 #704E83 #7E5596 #8D5BA9 #9B5FBC #A963CF

#523E5E - #7E5596 - #A963CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #523E5E 0%, #7E5596 50%, #A963CF 100%);
    background: -webkit-linear-gradient(top, #523E5E 0%, #7E5596 50%, #A963CF 100%);
    background: linear-gradient(to bottom, #523E5E 0%, #7E5596 50%, #A963CF 100%);
}
</style>