#5E1C2D - #AB76AE | 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 #5E1C2D to #AB76AE

#5E1C2D #AB76AE

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

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

0.0%	0.0% #5E1C2D	RGB 94 28 45	#5E1C2D
16.7%	16.7% #6A2B42	RGB 106 43 66	#6A2B42
33.3%	33.3% #773A58	RGB 119 58 88	#773A58
50.0%	50.0% #84496D	RGB 132 73 109	#84496D
66.7%	66.7% #915883	RGB 145 88 131	#915883
83.3%	83.3% #9E6798	RGB 158 103 152	#9E6798
100.0%	100.0% #AB76AE	RGB 171 118 174	#AB76AE

#5E1C2D #6A2B42 #773A58 #84496D #915883 #9E6798 #AB76AE

#5E1C2D - #AB76AE

HSV Blend

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

0.0%	0.0% #5E1C2D	RGB 94 28 45	#5E1C2D
16.7%	16.7% #6B2641	RGB 107 38 65	#6B2641
33.3%	33.3% #783357	RGB 120 51 87	#783357
50.0%	50.0% #86416E	RGB 134 65 110	#86416E
66.7%	66.7% #935185	RGB 147 81 133	#935185
83.3%	83.3% #A0629B	RGB 160 98 155	#A0629B
100.0%	100.0% #AB76AE	RGB 171 118 174	#AB76AE

#5E1C2D #6B2641 #783357 #86416E #935185 #A0629B #AB76AE

#5E1C2D - #86416E - #AB76AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1C2D 0%, #86416E 50%, #AB76AE 100%);
    background: -webkit-linear-gradient(top, #5E1C2D 0%, #86416E 50%, #AB76AE 100%);
    background: linear-gradient(to bottom, #5E1C2D 0%, #86416E 50%, #AB76AE 100%);
}
</style>