#A285A7 - #5E3C5C | 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 #A285A7 to #5E3C5C

#A285A7 #5E3C5C

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

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

0.0%	0.0% #A285A7	RGB 162 133 167	#A285A7
16.7%	16.7% #96789A	RGB 150 120 154	#96789A
33.3%	33.3% #8B6C8E	RGB 139 108 142	#8B6C8E
50.0%	50.0% #806081	RGB 128 96 129	#806081
66.7%	66.7% #745475	RGB 116 84 117	#745475
83.3%	83.3% #694868	RGB 105 72 104	#694868
100.0%	100.0% #5E3C5C	RGB 94 60 92	#5E3C5C

#A285A7 #96789A #8B6C8E #806081 #745475 #694868 #5E3C5C

#A285A7 - #5E3C5C

HSV Blend

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

0.0%	0.0% #A285A7	RGB 162 133 167	#A285A7
16.7%	16.7% #96779A	RGB 150 119 154	#96779A
33.3%	33.3% #8B6A8E	RGB 139 106 142	#8B6A8E
50.0%	50.0% #805D82	RGB 128 93 130	#805D82
66.7%	66.7% #755176	RGB 117 81 118	#755176
83.3%	83.3% #6A4669	RGB 106 70 105	#6A4669
100.0%	100.0% #5E3C5C	RGB 94 60 92	#5E3C5C

#A285A7 #96779A #8B6A8E #805D82 #755176 #6A4669 #5E3C5C

#A285A7 - #805D82 - #5E3C5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A285A7 0%, #805D82 50%, #5E3C5C 100%);
    background: -webkit-linear-gradient(top, #A285A7 0%, #805D82 50%, #5E3C5C 100%);
    background: linear-gradient(to bottom, #A285A7 0%, #805D82 50%, #5E3C5C 100%);
}
</style>