#5E003C - #AE335E | 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 #5E003C to #AE335E

#5E003C #AE335E

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

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

0.0%	0.0% #5E003C	RGB 94 0 60	#5E003C
16.7%	16.7% #6B0841	RGB 107 8 65	#6B0841
33.3%	33.3% #781147	RGB 120 17 71	#781147
50.0%	50.0% #86194D	RGB 134 25 77	#86194D
66.7%	66.7% #932252	RGB 147 34 82	#932252
83.3%	83.3% #A02A58	RGB 160 42 88	#A02A58
100.0%	100.0% #AE335E	RGB 174 51 94	#AE335E

#5E003C #6B0841 #781147 #86194D #932252 #A02A58 #AE335E

#5E003C - #AE335E

HSV Blend

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

0.0%	0.0% #5E003B	RGB 94 0 59	#5E003B
16.7%	16.7% #6B0541	RGB 107 5 65	#6B0541
33.3%	33.3% #780B46	RGB 120 11 70	#780B46
50.0%	50.0% #86134C	RGB 134 19 76	#86134C
66.7%	66.7% #931C51	RGB 147 28 81	#931C51
83.3%	83.3% #A02757	RGB 160 39 87	#A02757
100.0%	100.0% #AE335E	RGB 174 51 94	#AE335E

#5E003B #6B0541 #780B46 #86134C #931C51 #A02757 #AE335E

#5E003C - #86134C - #AE335E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E003B 0%, #86134C 50%, #AE335E 100%);
    background: -webkit-linear-gradient(top, #5E003B 0%, #86134C 50%, #AE335E 100%);
    background: linear-gradient(to bottom, #5E003B 0%, #86134C 50%, #AE335E 100%);
}
</style>