#AE2B5E - #58001F | 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 #AE2B5E to #58001F

#AE2B5E #58001F

Calculate the color between two colors, #AE2B5E and #58001F. 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)

#AE2B5E - #58001F | 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 #AE2B5E as 0% and #58001F as 100%.

0.0%	0.0% #AE2B5E	RGB 174 43 94	#AE2B5E
16.7%	16.7% #9F2353	RGB 159 35 83	#9F2353
33.3%	33.3% #911C49	RGB 145 28 73	#911C49
50.0%	50.0% #83153E	RGB 131 21 62	#83153E
66.7%	66.7% #740E34	RGB 116 14 52	#740E34
83.3%	83.3% #660729	RGB 102 7 41	#660729
100.0%	100.0% #58001F	RGB 88 0 31	#58001F

#AE2B5E #9F2353 #911C49 #83153E #740E34 #660729 #58001F

#AE2B5E - #58001F

HSV Blend

#AE2B5E - #58001F | 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 #AE2B5E as 0% and #58001F as 100%.

0.0%	0.0% #AE2B5E	RGB 174 43 94	#AE2B5E
16.7%	16.7% #9F2051	RGB 159 32 81	#9F2051
33.3%	33.3% #911745	RGB 145 23 69	#911745
50.0%	50.0% #83103A	RGB 131 16 58	#83103A
66.7%	66.7% #740930	RGB 116 9 48	#740930
83.3%	83.3% #660427	RGB 102 4 39	#660427
100.0%	100.0% #58001F	RGB 88 0 31	#58001F

#AE2B5E #9F2051 #911745 #83103A #740930 #660427 #58001F

#AE2B5E - #83103A - #58001F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE2B5E 0%, #83103A 50%, #58001F 100%);
    background: -webkit-linear-gradient(top, #AE2B5E 0%, #83103A 50%, #58001F 100%);
    background: linear-gradient(to bottom, #AE2B5E 0%, #83103A 50%, #58001F 100%);
}
</style>