#5E0F2D - #AF40AC | 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 #5E0F2D to #AF40AC

#5E0F2D #AF40AC

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

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

0.0%	0.0% #5E0F2D	RGB 94 15 45	#5E0F2D
16.7%	16.7% #6B1742	RGB 107 23 66	#6B1742
33.3%	33.3% #791F57	RGB 121 31 87	#791F57
50.0%	50.0% #86276C	RGB 134 39 108	#86276C
66.7%	66.7% #942F81	RGB 148 47 129	#942F81
83.3%	83.3% #A13796	RGB 161 55 150	#A13796
100.0%	100.0% #AF40AC	RGB 175 64 172	#AF40AC

#5E0F2D #6B1742 #791F57 #86276C #942F81 #A13796 #AF40AC

#5E0F2D - #AF40AC

HSV Blend

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

0.0%	0.0% #5E0E2C	RGB 94 14 44	#5E0E2C
16.7%	16.7% #6B143E	RGB 107 20 62	#6B143E
33.3%	33.3% #791B51	RGB 121 27 81	#791B51
50.0%	50.0% #862366	RGB 134 35 102	#862366
66.7%	66.7% #942B7C	RGB 148 43 124	#942B7C
83.3%	83.3% #A13593	RGB 161 53 147	#A13593
100.0%	100.0% #AF40AC	RGB 175 64 172	#AF40AC

#5E0E2C #6B143E #791B51 #862366 #942B7C #A13593 #AF40AC

#5E0F2D - #862366 - #AF40AC

CSS codes

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

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