#5E505A - #AA78BE | 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 #5E505A to #AA78BE

#5E505A #AA78BE

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

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

0.0%	0.0% #5E505A	RGB 94 80 90	#5E505A
16.7%	16.7% #6A566A	RGB 106 86 106	#6A566A
33.3%	33.3% #775D7B	RGB 119 93 123	#775D7B
50.0%	50.0% #84648C	RGB 132 100 140	#84648C
66.7%	66.7% #906A9C	RGB 144 106 156	#906A9C
83.3%	83.3% #9D71AD	RGB 157 113 173	#9D71AD
100.0%	100.0% #AA78BE	RGB 170 120 190	#AA78BE

#5E505A #6A566A #775D7B #84648C #906A9C #9D71AD #AA78BE

#5E505A - #AA78BE

HSV Blend

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

0.0%	0.0% #5E505A	RGB 94 80 90	#5E505A
16.7%	16.7% #6E596A	RGB 110 89 106	#6E596A
33.3%	33.3% #7E627B	RGB 126 98 123	#7E627B
50.0%	50.0% #8E698E	RGB 142 105 142	#8E698E
66.7%	66.7% #996F9E	RGB 153 111 158	#996F9E
83.3%	83.3% #A374AE	RGB 163 116 174	#A374AE
100.0%	100.0% #AA78BE	RGB 170 120 190	#AA78BE

#5E505A #6E596A #7E627B #8E698E #996F9E #A374AE #AA78BE

#5E505A - #8E698E - #AA78BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E505A 0%, #8E698E 50%, #AA78BE 100%);
    background: -webkit-linear-gradient(top, #5E505A 0%, #8E698E 50%, #AA78BE 100%);
    background: linear-gradient(to bottom, #5E505A 0%, #8E698E 50%, #AA78BE 100%);
}
</style>