#5E122E - #AF6CB0 | 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 #5E122E to #AF6CB0

#5E122E #AF6CB0

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

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

0.0%	0.0% #5E122E	RGB 94 18 46	#5E122E
16.7%	16.7% #6B2143	RGB 107 33 67	#6B2143
33.3%	33.3% #793059	RGB 121 48 89	#793059
50.0%	50.0% #863F6F	RGB 134 63 111	#863F6F
66.7%	66.7% #944E84	RGB 148 78 132	#944E84
83.3%	83.3% #A15D9A	RGB 161 93 154	#A15D9A
100.0%	100.0% #AF6CB0	RGB 175 108 176	#AF6CB0

#5E122E #6B2143 #793059 #863F6F #944E84 #A15D9A #AF6CB0

#5E122E - #AF6CB0

HSV Blend

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

0.0%	0.0% #5E112E	RGB 94 17 46	#5E112E
16.7%	16.7% #6B1C42	RGB 107 28 66	#6B1C42
33.3%	33.3% #792857	RGB 121 40 87	#792857
50.0%	50.0% #87366E	RGB 135 54 110	#87366E
66.7%	66.7% #944684	RGB 148 70 132	#944684
83.3%	83.3% #A2589B	RGB 162 88 155	#A2589B
100.0%	100.0% #AF6CB0	RGB 175 108 176	#AF6CB0

#5E112E #6B1C42 #792857 #87366E #944684 #A2589B #AF6CB0

#5E122E - #87366E - #AF6CB0

CSS codes

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

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